第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

div和ul定位問題

div和ul定位問題

? <body>? ? <div id="top">? ? ? ?<ul id="left">? ? ? ? ?<li class="line">|</li>? ? ? ? ?<li><a href="#">寶箱</a></li>? ? ? ? ?<li><a href="#">換膚</a></li>? ? ? ? ?<li><a href="#">消息</a></li>? ? ? ?</ul>? ? ? ?<ul id="right">? ? ? ? ?<li><a href="#">糯米</a></li>? ? ? ? ?<li><a href="#">新聞</a></li>? ? ? ? ?<li><a href="#">hao123</a></li>? ? ? ? ?<li><a href="#">地圖</a></li>? ? ? ? ?<li><a href="#">視頻</a></li>? ? ? ? ?<li><a href="#">貼吧</a></li>? ? ? ? ?<li><a href="#">happy魏帆</a></li>? ? ? ? ?<li><a href="#">設(shè)置</a></li>? ? ? ?</ul>? ? </div>? </body>CSS:代碼:body{? margin:0px;? padding:0px;? font-size:12px;? color:darkgray;}#top{? width:100%;? height:39px;? border-bottom:1px solid gainsboro;}<!將重直序列變?yōu)樗?gt;ul{? list-style-type:none;}li{? display:inline-block;? margin-top:12px;}a{? margin-right:12px;? color:dimgray;}#left{? position:left;? margin:0px 0px 0px 15px;? padding:0px;}為什么#right總顯示在div的下面,不能與#left平行呢?如果不設(shè)置#left的內(nèi)邊距和外邊距為0的情況下,div的高度會自動增加,這是為什么?設(shè)置了div的高度,為什么不能使用margin:0 auto,使元素重直居中呢?
查看完整描述

3 回答

?
團醬

TA貢獻16條經(jīng)驗 獲得超10個贊

1、#left定位錯了。position只有absolute、relative、static、fixed、inherit和initial,沒有l(wèi)eft。

#left{
????float:left;
????margin:0px?0px?0px?15px;
????padding:0px;
}

2、#left設(shè)置了float浮動或者position定位之后,相對于body來進行定位,而#right是根據(jù)html來進行定位??磮D

5835551b00012a7005000477.jpg

5835551b0001634205000509.jpg

583555390001e9fe05000400.jpg

3、垂直居中不是用margin來設(shè)置的,margin: 0 auto;可以用于左右居中??梢栽O(shè)置line-height:?39px;來進行垂直居中。

查看完整回答
1 反對 回復 2016-11-23
?
天生我才必有用哈

TA貢獻2條經(jīng)驗 獲得超1個贊

  1. ul是塊元素,默認是占整行的

  2. ul有默認的內(nèi)邊距和外邊距,不設(shè)置為0會撐開的

  3. margin:0 auto是水平居中的設(shè)置

查看完整回答
1 反對 回復 2016-11-23
?
Doit的信仰

TA貢獻44條經(jīng)驗 獲得超11個贊

定位用錯了,

#left{

????position:absolute;

????left:0px;

????top:0px;

}

#right{

????position:absolute;

????right:0px;

????top:0px;

}


查看完整回答
1 反對 回復 2016-11-23
  • 3 回答
  • 0 關(guān)注
  • 3199 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號