小技巧处理div内容溢出(div li)

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

我设置了div的边框，

要想ul的内容在边框内，

必须设置div高度。

但是，ul内的内容是变化的，内容少的时候就不及div的高度。

不设高度的时候，ul的内容就出现在边框外了。

原来需要设置ul的边框。想想也是，先设置与他关系最近的元素吧。

对于前端不是很专业的同僚来说，写css样式表还是有个规则比较好：

指定css样式要有层次：如上例，定义li的样式 .province ul li{...}

写样式有个大致顺序：容器大小（width,height......）,容器位置（left,margin......）,容器文本（color......）,其他

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

推荐整理分享小技巧处理div内容溢出(div li)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:div怎么样,div怎么样,div div,div div,div里面的div,div里面的div,div里内容溢出怎么办,div li,内容如对您有帮助，希望把文章链接给更多的朋友！

html小技巧之td,div标签里内容不换行 在一些页面开发中，除自己操作外，引起换行的情况一般有：Ex一.td标签里内容长度过长引起换行；Ex二.div标签（或其他标记）里内容有文本和图片引起

纯CSS实现鼠标放上去改变文字内容 css样式.remindspan{display:block;margin-top:-px;}.reminda:hover{padding-top:px;}.reminda{float:left;overflow:hidden;}.remind{height:px;line-height:px;overflow:hidden;padding-left:px;}html

li中插入img图片间有空隙的解决方案 直接加样式img{vertical-align:bottom;display:block}当然在某些情况下无效,比如我要加三个图片,上中下,中间的图片是设为背景,发现用此方法无效,只是上和中的