小技巧处理div内容溢出

页面导航:首页 > 网络编程 > CSS/HTML > 小技巧处理div内容溢出

小技巧处理div内容溢出

来源:互联网 作者:脚本宝典 时间:2015-06-23 19:15 【

前几天遇到一个问题,代码是这样一个层次: 复制代码 代码如下: div class=province ul li1/li li2/li li3/li /ul /div 我设置了div的边框, 要想ul的内容在边框内, 必须设置div高度。 但是,ul内的

前几天遇到一个问题,代码是这样一个层次:

 

复制代码代码如下:

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

这样尽可能避免样式覆盖之类的问题。

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<