雷火电竞-中国电竞赛事及体育赛事平台

歡迎來到入門教程網(wǎng)!

CSS/HTML

當(dāng)前位置:主頁 > 網(wǎng)絡(luò)編程 > CSS/HTML >

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

來源:本站原創(chuàng)|時間:2020-01-11|欄目:CSS/HTML|點擊:

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

復(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......),其他

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

上一篇:討論CSS中的各類居中方式

欄    目:CSS/HTML

下一篇:CSS3實例分享之多重背景的實現(xiàn)(Multiple backgrounds)

本文標題:小技巧處理div內(nèi)容溢出

本文地址:http://www.jygsgssxh.com/a1/CSS_HTML/11511.html

網(wǎng)頁制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語言數(shù)據(jù)庫服務(wù)器

如果侵犯了您的權(quán)利,請與我們聯(lián)系,我們將在24小時內(nèi)進行處理、任何非本站因素導(dǎo)致的法律后果,本站均不負任何責(zé)任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有