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/

在窗口大小调整上定位文本

1 个答案: