前幾天遇到一個問題,代碼是這樣一個層次:
復制代碼 代碼如下:
div class="province">
ul>
li>1/li>
li>2/li>
li>3/li>
/ul>
/div>
我設置了div的邊框,
要想ul的內容在邊框內,
必須設置div高度。
但是,ul內的內容是變化的,內容少的時候就不及div的高度。
不設高度的時候,ul的內容就出現在邊框外了。
原來需要設置ul的邊框。想想也是,先設置與他關系最近的元素吧。
對于前端不是很專業的同僚來說,寫css樣式表還是有個規則比較好:
指定css樣式要有層次:如上例,定義li的樣式 .province ul li{...}
寫樣式有個大致順序:容器大小(width,height......),容器位置(left,margin......),容器文本(color......),其他
這樣盡可能避免樣式覆蓋之類的問題。
您可能感興趣的文章:- jQuery實現控制文字內容溢出用省略號(…)表示的方法
- 文字溢出實現溢出的部分再放入一個新生成的div中具體代碼
- div中文字內容溢出常見的解決方法