我就這樣寫為什么不行呢
我就這樣寫為什么不行呢
qq_愛(ài)傷屋愿望_0
2017-05-17
7 回答
舉報(bào)
0/150
提交
取消
我就這樣寫為什么不行呢
2017-05-17
舉報(bào)
2018-06-01
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>border實(shí)現(xiàn)等高布局</title>
<style type="text/css">
.clearfix:before, .clearfix:after{
display: table;
content: " ";
}
.clearfix:after{
clear: both;
}
h3{
margin: 0;
padding: 0;
border: 0;
font-size: 18px;
}
.box{
width: 300px;
font: bold 18px/50px "Microsoft YaHei";
border-left: 300px solid #333;
background-color: #eee;
}
.left{
float: left;
width: 300px;
line-height: 50px;
margin-left: -300px;
color: #ccc;
}
</style>
</head>
<body>
<div class="box clearfix">
<nav class="left">
<h3>導(dǎo)航1</h3>
</nav>
<section>
<div class="module">模塊1</div>
<div class="module">模塊1</div>
<div class="module">模塊1</div>
</section>
</div>
</body>
</html>
2018-01-12
清楚了浮動(dòng)就可以實(shí)現(xiàn)了，不清楚浮動(dòng)不可以的哦
2017-12-18
精神病院院長(zhǎng)的可以，但是要在加一串代碼，這樣左邊有導(dǎo)航右邊沒(méi)有內(nèi)容的時(shí)候也可以等高顯示。
.clear{clear:both;}
<div class="clear"></div>//這個(gè)代碼放在.box的DIV里的最后面
2017-12-17
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>border</title>
<style>
.box{
border-left:300px solid #222;
}
.xa{
width:300px;
float:left;
margin-left:-300px;
}
.module{
line-height:60px;
background:#f00;
}
</style>
</head>
<body>
<div class="box">
<nav class="xa">
<h3>導(dǎo)航1</h3>
</nav>
<section class="module">
<div >模塊1</div>
</section>
</div>
</body>
</html>
2017-09-19
我的也不行啊
2017-06-27
少了一條清楚浮動(dòng)
2017-05-24
我的也不行，應(yīng)該少了一些插件