html - 在调整窗口大小时定位文本

Question

如何在<p>中发短信？标签在窗口大小改变时动态定位。

这是我的 CSS:

.map_text {
    position: relative;
    font-size: .9em;
    font-style: italic;
    width: 650px;
    overflow: auto;
    height: 50px;    
    left: 255px;
    bottom: 37px;
}

我的 .map_text 有某种容器元素被放入。它被正确定位。当我尝试更改浏览器窗口大小时，我重叠了 .map_text文本超出容器边界的元素。

更新:这是我的 HTML:

<div id="some_dropbox">
   <form id="someForm">
      <p>Some text</p>
   </form>
   <form id="some_form_id"><input id="save_id" value="Save" disabled="disabled" type="submit" /></form>
   <div id="columns_dropbox">
      <form id="some_columns_form_id">
     <p>
        Select Name: 
        <option value="last_name">Last Name</option>
        <option value="first_name">First Name</option>
        </select>
     </p>
      </form>
      <p id="map_text_id" class="map_text error">Some realy realy realy realy realy realy realy realy realy realy realy realy realy long text</p>
   </div>
</div>

Answer 1

添加float: right; 这是你想要的吗: http://jsfiddle.net/J2VAY/1/