立即登录 马上注册
首页 › 开发帮助文档 › 开发技术 › 小技巧处理div内容溢出

赞

评论

收藏

[Html/CSS] 小技巧处理div内容溢出

开发技术 开发技术 发布于：2021-06-27 21:15 | 阅读数：237 | 评论：0

　　前几天遇到一个问题，代码是这样一个层次：
　　复制代码 代码如下:
<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......）,其他
　　这样尽可能避免样式覆盖之类的问题。

关注下面的标签，发现更多相似文章
免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群QQ好友和群 QQ空间QQ空间

举报

返回列表
相关帖子
avatar
1449 经验
1449 文档
OPNE在线字典
  • 手机版| 免责声明|
2021-2025  版权所有：CodeAE代码之家   
粤ICP备2023096576号-2