div内容溢出
前几天遇到一个问题,代码是这样一个层次:
<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......),其他
这样尽可能避免样式覆盖之类的问题。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步