在窗口大小調整時定位文本

當窗口大小改變時，<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元素，表明文本超出了容器的邊界。

UPDATE：這是我的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>

來源

2012-12-20 Michael Z

請出示相關的HTML太... –

哪個方向.map_text四溢？ – ForOhFor

它重疊在右側板上的容器。 –

添加float: right; 這是你所追求的： http://jsfiddle.net/J2VAY/1/

來源

2012-12-20 11:39:47 ashley

謝謝，但這不適用於我。也許_float：left_在這裏比較好，但實際上文本的寬度不夠大，也就是說，當容器變小時，文本也會變小，但爲此，我應該匹配它_width_參數並防止它動態調整大小，以防有更多空間文本渲染。 –

在窗口大小調整時定位文本

回答

相關問題