您现在的位置是:网站首页> 编程资料编程资料
小技巧处理div内容溢出_CSS/HTML_
2023-05-25
431人已围观
简介 小技巧处理div内容溢出_CSS/HTML_
前几天遇到一个问题,代码是这样一个层次:
复制代码 代码如下:
- 1
- 2
- 3
我设置了div的边框,
要想ul的内容在边框内,
必须设置div高度。
但是,ul内的内容是变化的,内容少的时候就不及div的高度。
不设高度的时候,ul的内容就出现在边框外了。
原来需要设置ul的边框。想想也是,先设置与他关系最近的元素吧。
对于前端不是很专业的同僚来说,写css样式表还是有个规则比较好:
指定css样式要有层次:如上例,定义li的样式 .province ul li{...}
写样式有个大致顺序:容器大小(width,height......),容器位置(left,margin......),容器文本(color......),其他
这样尽可能避免样式覆盖之类的问题。
相关内容
- ie6,ie7,ie8完美支持position:fixed的终极解决方案_经验交流_
- CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera_经验交流_
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案_经验交流_
- css代码优化的12个技巧_经验交流_
- 三个不常见的 HTML5 实用新特性简介_经验交流_
- html清除浮动的6种方法示例_CSS/HTML_
- border:none与border:0使用区别_基础教程_
- IE里button设置border:none属性无效解决方法_基础教程_
- css white-space:nowrap属性用法(可以强制文字不换行输出)_CSS/HTML_
- 网页使用Google Font API(字体)的方法_CSS/HTML_
