div内容溢出
2024-10-02 03:37:07
前几天遇到一个问题,代码是这样一个层次:
<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......),其他
这样尽可能避免样式覆盖之类的问题。
最新文章
- TypeScript Function(函数)
- JavaScript的TDD训练营环境搭建
- (六)CSS伪元素
- YII2 使用js
- jquery无new构建学习笔记
- MySQL集群PXC的搭建
- esxi 改变虚拟机磁盘格式为精简存储
- 【Qt编程】Qt学习之窗口间的相互切换
- docker删除镜像和删除容器
- 解决app安装成功后,直接点击“打开”再按home返回,再次打开app会重新启动的问题
- redhat7.3安装yum源
- IO流技术
- 无法启动 nexus 服务,错误1067:进程意外终止。java环境变量设置技巧。
- vue 打包的项目当背景图路径错误
- curl不能支持https问题
- oracle数据库的一个表中,怎么设置字段的默认值
- Linux 配置开机自启 和 修改环境变量
- layui 三级菜单
- nginx log 错误502 upstream sent too big header while reading response header from upstream
- I/O Completion Ports学习
热门文章
- 基于SSH协议clone GitHub远端仓库到本地-git
- SHELL编程规范与变量
- resultType和resultMap的区别
- Django template的html明明改了,前端页面居然没有对应变化?!---Django的小坑
- luogu3703 [SDOI2017]树点涂色(线段树+树链剖分+动态树)
- Qt 学习之路 2(58):编辑数据库外键
- 【转】xml文件中加入本地的dtd约束文件
- 蠕虫Worm virus
- Java 简单的RPC 实现
- c# 委托访问listbox多线程操作