樣圖問題小白求解怎么讓底部對(duì)齊代碼:<!DOCTYPE html><html><head>?? ?<meta charset="UTF-8">?? ?<title>Document</title>?? ?<style>?? ?*{?? ??? ?margin: 0;?? ??? ?padding: 0;?? ?}?? ??? ?.top{?? ??? ??? ?background: #D26900;?? ??? ??? ?width: 900px;?? ??? ??? ?height: 80px;?? ??? ??? ?margin: 0 auto;?? ??? ?}?? ??? ?nav{?? ??? ??? ?width: 900px;?? ??? ??? ?height: 30px;?? ??? ??? ?margin: auto;?? ??? ?}?? ??? ?nav li {?? ??? ??? ?float: left;?? ??? ??? ?background: #FFD0FF;?? ??? ??? ?text-align: center;?? ??? ?}?? ??? ?nav li a {?? ??? ??? ?text-decoration: none;?? ??? ??? ?font-size: 20px;?? ??? ??? ?text-align: center;?? ??? ?}?? ??? ?.zhong{?? ??? ??? ?width: 900px;?? ??? ??? ?margin: 0 auto;?? ??? ?}?? ??? ?.zuo{?? ??? ??? ?background:green;?? ??? ??? ?width: 664px;?? ??? ??? ?height: 500px;?? ??? ? ?? ?float: left;?? ??? ?}?? ??? ?.you{?? ??? ??? ?background: yellow;?? ??? ??? ?width: 228px;?? ??? ??? ?height: 500px;?? ??? ??? ?float:right; ?? ??? ?}?? ??? ?.B{?? ??? ??? ?margin: 10px;?? ??? ??? ?list-style: none;?? ??? ??? ?width: 105px;?? ??? ?}?? ??? ?.xia{?? ??? ??? ?background: black;?? ??? ??? ?width: 900px;?? ??? ??? ?height: 60px;?? ??? ??? ?float: left;?? ??? ??? ?margin-left: 86px;?? ??? ??? ?margin:-top:8px;?? ??? ??? ?}?? ?</style></head><body><div>?? ?<div></div>?? ?<nav>?? ??? ?<ul>?? ??? ??? ?<li><a href="#">首頁(yè)</a></li>?? ??? ??? ?<li><a href="#">企業(yè)簡(jiǎn)介</a></li>?? ??? ??? ?<li><a href="#">產(chǎn)品展廳</a></li>?? ??? ??? ?<li><a href="#">網(wǎng)上下單</a></li>?? ??? ??? ?<li><a href="#">售后服務(wù)</a></li>?? ??? ??? ?<li><a href="#">行業(yè)資訊</a></li>?? ??? ??? ?<li><a href="#">聯(lián)系我們</a></li>?? ??? ?</ul>?? ?</nav>?? ?<div>?? ??? ?<div></div>?? ??? ?<div></div>?? ?</div>?? ?<div>下/div>?? ?</div>?? ?</body></html>
2 回答
已采納
黃小凡
TA貢獻(xiàn)69條經(jīng)驗(yàn) 獲得超36個(gè)贊
<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
????<style?type="text/css">
????????body{
????????????margin:?0px?auto;
????????????padding:?0px;
????????????width:?900px;
????????}
????????li{
????????????float:?left;
????????????margin:?10px;
????????????width:?100px;
????????????height:?auto;
????????????text-align:?center;
????????????background-color:?blue;
????????????list-style:?none;
????????}
????????.top{
????????????height:?100px;
????????????width:?100%;
????????????background-color:?green;
????????}
????????.center{
????????????height:?500px;
????????????width:?100%;
????????}
????????.center?.left{
????????????background-color:?yellow;
????????????width:?55%;
????????????height:?100%;
????????????float:?left;
????????}
????????.center?.right{
????????????background-color:?red;
????????????width:?43%;
????????????height:?100%;
????????????float:?right;
????????}
????????.bottom{
????????????margin-top:?50px;
????????????height:?100px;
????????????width:?100%;
????????????background-color:?black;
????????}
????</style>
</head>
<body>
????<div></div>
????<nav>
????????<ul>
????????????<li>首頁(yè)</li>
????????????<li>企業(yè)簡(jiǎn)介</li>
????????????<li>產(chǎn)品展示</li>
????????????<li>網(wǎng)上下單</li>
????????????<li>售后服務(wù)</li>
????????????<li>行業(yè)資訊</li>
????????????<li>聯(lián)系我們</li>
????????</ul>
????</nav>
????<div>
????????<div></div>
????????<div></div>
????</div>
????<div></div>
</body>
</html>基本實(shí)現(xiàn)了這個(gè)樣式，你可以看下。
堂堂堂堂糖糖糖童鞋
TA貢獻(xiàn)101條經(jīng)驗(yàn) 獲得超58個(gè)贊
?.xia{
????background:?black;
????width:?900px;
????height:?60px;
????float:?left;
????//margin-left:?86px;
????//margin:-top:8px;
????margin:?8px?auto?0;
}添加回答
舉報(bào)
0/150
提交
取消