為什么結果變成了一條線?
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
.mainBox{
? ? clear:both;
? ? height:0;overflow:hidden;
? ? width:960px;
? ? border:1px solid red;
? ? background-color:#CFF;
}
.leftBox{
? ? width:740px;
? ? height:300px;
? ? border:1px solid red;
? ? background-color:#C9F;
? ? float:left;
}
.rightBox{
? ? width:210px;
? ? height:300px;
? ? border:1px solid red;
? ? background-color:#FCF;
? ? float:right;
}
/*在此定義相應的類選擇器,并根據要求設置相關CSS屬性*/
</style>
</head>
<body>
<div class="mainBox">
? ?<div class="leftBox"></div>
? ?<div class="rightBox"></div>
</div> ?
2020-03-18
我錯了, 是因為你的 .mainBox? 設置 height 為 0 了。
2020-03-18
.mainBox 可以刪除 clear:both; 試試
2019-11-29
父盒子沒設置高度