小技巧處理div內容溢出

字號:


    前幾天遇到一個問題,代碼是這樣一個層次:
    代碼如下:
    <div class=province>
    <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    </ul>
    </div>
    我設置了div的邊框,
    要想ul的內容在邊框內,
    必須設置div高度。
    但是,ul內的內容是變化的,內容少的時候就不及div的高度。
    不設高度的時候,ul的內容就出現(xiàn)在邊框外了。
    原來需要設置ul的邊框。想想也是,先設置與他關系最近的元素吧。
    對于前端不是很專業(yè)的同僚來說,寫css樣式表還是有個規(guī)則比較好:
    指定css樣式要有層次:如上例,定義li的樣式 .province ul li{...}
    寫樣式有個大致順序:容器大?。╳idth,height......),容器位置(left,margin......),容器文本(color......),其他
    這樣盡可能避免樣式覆蓋之類的問題。