欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

小技巧處理div內(nèi)容溢出

 更新時間：2014年05月16日 08:50:06   作者：  
這篇文章主要介紹了小技巧處理div內(nèi)容溢出的方法,需要的朋友可以參考下

前幾天遇到一個問題，代碼是這樣一個層次：

復(fù)制代碼 代碼如下:

<div class="province">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>

我設(shè)置了div的邊框，

要想ul的內(nèi)容在邊框內(nèi)，

必須設(shè)置div高度。

但是，ul內(nèi)的內(nèi)容是變化的，內(nèi)容少的時候就不及div的高度。

不設(shè)高度的時候，ul的內(nèi)容就出現(xiàn)在邊框外了。

原來需要設(shè)置ul的邊框。想想也是，先設(shè)置與他關(guān)系最近的元素吧。

對于前端不是很專業(yè)的同僚來說，寫css樣式表還是有個規(guī)則比較好：

指定css樣式要有層次：如上例，定義li的樣式 .province ul li{...}

寫樣式有個大致順序：容器大?。╳idth,height......）,容器位置（left,margin......）,容器文本（color......）,其他

這樣盡可能避免樣式覆蓋之類的問題。

相關(guān)文章

最新評論