首页 > web前端 > css教程 > 小技巧处理div内容溢出_CSS/HTML

小技巧处理div内容溢出_CSS/HTML

PHP中文网
发布: 2016-05-16 12:03:39
原创
2800 人浏览过

小技巧处理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中文网(m.sbmmt.com)!


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板