菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
61
0

css中怎么设置没有内容时高度为0

原创
05/13 14:22
阅读数 785


css中怎么设置没有内容时高度为0

默认情况下HTML元素没有内容时,高度就是0,不需要手动设置。

但这时有些元素仍然具有margin属性,这会对其他元素造成影响,如p标签。

(相关课程推荐:css视频教程

● 当p标签内有内容时:

Snipaste_2019-12-23_13-14-50.jpg

● 当p标签没有内容时:高度为0,但仍然占据一定空间

Snipaste_2019-12-23_13-15-12.jpg

解决方法:

将p标签的margin去除:p{margin:0;}

Snipaste_2019-12-23_13-18-05.jpg

这样,当元素内没有内容时,高度就为0了,也不会影响其他元素的位置。

发表评论

0/200
61 点赞
0 评论
收藏
为你推荐 换一批