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

当窗口大小改变时，如何动态定位

标记中的文本

这是我的CSS：

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

我有一些容器，我的

.map\u text

元素被放入其中。它的位置正确。当我尝试更改浏览器窗口大小时，我重叠了

.map\u 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>

一些文本


选择名称：
姓
名字

一些非常非常非常非常长的文本

添加

浮动：右
这就是你想要的：
请同时显示相关的html…哪个方向是.map\u文本溢出？它与右板上的容器重叠。这里有一把小提琴演示OP的代码：谢谢，但这对我不起作用。也许浮动：左侧更好，但实际上文本的宽度不够大，即当容器变小时，文本也会变小，但为此，我应该匹配它的宽度参数，并防止它动态调整大小，以防有更多的文本渲染空间。