小技巧處理div內容溢出_css/html
前幾天遇到一個問題，程式碼是這樣一個層次：
程式碼如下:
<div class="province"> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div>
我設定了p的邊框，
要想ul的內容在邊框內，
必須設定p高度。
但是，ul內的內容是變化的，內容少的時候就不及p的高度。
不設高度的時候，ul的內容就出現在邊框外了。
原來需要設定ul的邊框。想想也是，先設定與他關係最近的元素。
對於前端不是很專業的同僚來說，寫css樣式表還是有個規則比較好：
指定css樣式要有層次：如上例，定義li的樣式.province ul li{...}
寫樣式有個大致順序：容器大小（width,height......）,容器位置（left ,margin......）,容器文字（color......）,其他
這樣盡可能避免樣式覆蓋之類的問題。
以上就是小技巧處理div內容溢位_css/html的內容，更多相關內容請追蹤php中文網（m.sbmmt.com）！
