小技巧处理div内容溢出_css/html
前几天遇到一个问题，代码是这样一个层次：
代码如下:
<div class="province">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>我设置了p的边框，
要想ul的内容在边框内，
立即学习“前端免费学习笔记（深入）”；
必须设置p高度。
但是，ul内的内容是变化的，内容少的时候就不及p的高度。
不设高度的时候，ul的内容就出现在边框外了。
原来需要设置ul的边框。想想也是，先设置与他关系最近的元素吧。
对于前端不是很专业的同僚来说，写css样式表还是有个规则比较好：
指定css样式要有层次：如上例，定义li的样式 .province ul li{...}
写样式有个大致顺序：容器大小（width,height......）,容器位置（left,margin......）,容器文本（color......）,其他
这样尽可能避免样式覆盖之类的问题。
以上就是小技巧处理div内容溢出_CSS/HTML的内容，更多相关内容请关注PHP中文网（www.php.cn）！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
205
