小技巧处理div内容溢出

180 阅读 0 评论 119 点赞

我是靠谱客的博主寂寞薯片，最近开发中收集的这篇文章主要介绍小技巧处理div内容溢出，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

复制代码代码如下:

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

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

以上就是寂寞薯片为你收集整理的小技巧处理div内容溢出的全部内容，希望文章能够帮你解决小技巧处理div内容溢出所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。