位置: 编程技术 - 正文
小技巧处理div内容溢出(div li)
编辑：rootadmin前几天遇到一个问题，代码是这样一个层次：
我设置了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}当然在某些情况下无效,比如我要加三个图片,上中下,中间的图片是设为背景,发现用此方法无效,只是上和中的
标签: div li
本文链接地址:https://www.jiuchutong.com/biancheng/372102.html 转载请保留说明！上一篇：ie6,ie7,ie8完美支持position:fixed的终极解决方案(ie支持es6)
下一篇：html小技巧之td,div标签里内容不换行(html中的td)
