? <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,使元素重直居中呢?
div和ul定位問題
weibo_快樂is魏帆_0
2016-11-23 10:28:49