前几天遇到一个问题，代码是这样一个层次：
复制代码 代码如下:
<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......）,其他
这样尽可能避免样式覆盖之类的问题。
本文转载自网络，原文链接：https://m.jb51.net/article/50183.htm
版权声明：本文转载自网络，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的，如有侵权请联系QQ/微信：153890879删除
相关文章-
四两拨千斤——你不知道的VScode编码Ty
-
我是如何在 Vue 项目中做代码分割的
-
position:sticky 粘性定位的几种巧妙应
-
从零到一搭建React组件库
精彩导读
热门资讯