0

<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>
4

1 に答える 1

0

追加 float: right; はこれです： http://jsfiddle.net/J2VAY/1/

于 2012-12-20T11:39:47.310 に答える