CSS调平宽度压缩与水平重叠
发布时间
阅读量：
阅读量
高度塌陷的问题
在浮动布局中，父元素默认是被子元素撑开的
当子元素浮动后，其会完全脱离文档流，子元素从文档流中脱离
将会无法撑起父元素的高度，导致父元素的高度丢失
父元素高度丢失后，其下的元素会自动上移，导致页面布局混乱
所以高度塌陷是比较常见的问题，这个问题必须处理 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.outer{
border: 10px red solid;
}
/* outer不设置宽高，宽高由inner撑开 */
.inner{
width: 100px;
height: 100px;全部评论 (0)
还没有任何评论哟~