当前位置：首页 > 资讯 > 技术文档

小技巧处理div内容溢出

时间：2022-10-08 15:15 编辑：来源：阅读：
扫一扫，手机访问

摘要：小技巧处理div内容溢出

前几天遇到一个问题，代码是这样一个层次：

<div class="province">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>

我设置了div的边框，要想ul的内容在边框内，必须设置div高度。但是，ul内的内容是变化的，内容少的时候就不及div的高度。不设高度的时候，ul的内容就出现在边框外了。原来需要设置ul的边框。想想也是，先设置与他关系最近的元素吧。对于前端不是很专业的同僚来说，写css样式表还是有个规则比较好： [b]指定css样式要有层次：如上例，定义li的样式 .province ul li{...}[/b] [b]写样式有个大致顺序：容器大小（width,height......）,容器位置（left,margin......）,容器文本（color......）,其他[/b] 这样尽可能避免样式覆盖之类的问题。

全部评论(0)

上一篇：ASP.net与SQLite数据库通过js和ashx交互（连接和操作）
下一篇：在JavaScript中处理时间之setMinutes()方法的使用

资讯排行榜
更多>>