web前端入门到实战：CSS解决高度塌陷_程序开发

admin

2023-02-12 16:20:03

0次

1：给高度塌陷的元素设置overflow:hidden;
原理：因为overflow:hidden;触发了一个BFC
BFC布局规则：计算BFC高度的时候，里面的浮动元素也参与计算。
弊端：定位在当前元素外面的内容会被隐藏。

2：给出现高度塌陷的元素里面，放在浮动元素的后面，添加一个空div,并且给div{clear:both;}
原理：clear:both;忽略上面的浮动元素预留出的空间
弊端：形成不必要的空标签，代码冗余

3：万能清除法：

选择符（高度塌陷的元素）：after{
    content:".";
    display:block;
    height:0;
    clear:both;
    overflow:hidden;
    visibility:hidden;
}

中国海警局新闻发言人就菲位南海... 中国海警局新闻发言人姜略表示，7月24日，菲律宾组织7艘公务船、3艘海警舰、1艘运鱼船，并唆使大量渔...

外交部回应美国对数十国加征关税 7月24日，外交部发言人林剑主持例行记者会。有记者问：美国新一轮关税措施将于今天生效，外交部能否就此...

台湾岛以东相关海域治理进入经济... 为全面了解我国管辖海域渔业资源状况，7月17日至23日，农业农村部中国水产科学研究院东海水产研究所，...

日本正式决定设立国家情报局：系... 据凤凰卫视报道，日本政府7月24日正式决定设立国家情报局，计划于31日召开首次国家情报会议。这是日本...

伍斌任福建省副省长据“新福建”客户端消息，7月24日，福建省十四届人大常委会第二十三次会议闭幕。会议表决通过了有关人事...

滚筒洗衣机脱水转不起来滚筒洗衣机脱水转不起来：1、洗衣机顶盖的安全开关损坏。洗衣机在脱水的过程属于高速运作的机械运动。在脱...

洗衣机甩干桶嗡嗡响转不起来洗衣机甩干桶嗡嗡响转不起来1、可能是洗衣机甩干桶下面的相关轴承长时间使用，缺乏润滑油导致的。2、可能...

不平衡滚筒洗衣机脱水转不起来不平衡滚筒洗衣机脱水转不起来洗衣机不脱水时，首先检查洗衣机内是否有水。如果有水，首先打开排水阀检查里...

洗衣机脱水桶转不起来 1、有可能是因为洗衣机的内筒当中所放置的衣物过多了导致的。2、还有可能是因为电压不正常导致的。3、也...

西门子洗衣机滚筒转不起来西门子洗衣机滚筒转不起来可能是以下几种原因：电压过低，导致滚筒洗衣机转不动；洗涤的物品太多会导致滚筒...