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/