当前位置 博文首页 > 小技巧处理div内容溢出

    小技巧处理div内容溢出

    作者:admin 时间:2021-08-30 19:02

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

    复制代码 代码如下:

    <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......),其他

    这样尽可能避免样式覆盖之类的问题。

    jsjbwy
    下一篇:没有了