在這個代碼中為什么添上overflow：hidden后wrap就有高度了？
11-8這一張的代碼.因為取消掉它就沒有了自帶的green背景了
代碼如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>columns</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style>
.wrapper{
? width: 100%;
? background: green;
? max-width: 980px;
? /*overflow: hidden;*/
? margin-left: auto;
? margin-right: auto;
? border:5px solid red;
}
.left {
? float: left;
? width: 20%;
? background: orange;
? min-height: 100px;
}
.content {
? float: right;
? width: 78%;
? background: blue;
? min-height: 100px;
}
@media (max-width: 480px) {
? .wrapper {
? ? min-width: 320px;
? ? width: 98%;
? ? margin-left: 1%;
? ? margin-right: 1%;
? }
? .left {
? ? float: none;
? ? width: 100%;
? }
? .content{
? ? float: none;
? ? width: 100%;
? }
}
</style>
</head>
<body>
<div class="wrapper">
? <div class="left"></div>
? <div class="content"></div>
</div>
</body>
</html>
2022-03-25
不理解就先把步驟硬記住，慢慢就理解了我就是這么做的你估計輸入錯了??<span></span>中的內容不在<div></div>標簽內，而是在它之外
2017-01-13
沒有overflow的時候wrapper因為里面的元素浮動沒有消除，不會占據高度，overflow不僅可以隱藏溢出，還可以消除浮動。