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

為了賬號安全，請及時綁定郵箱和手機立即綁定

跟著老師寫的一個練習，但是我發(fā)現(xiàn)我寫的代碼無法實現(xiàn)圖片的居中？圖片沒有排列？右側(cè)的導航表沒有變化？

<!DOCTYPE?html>
<html>
<head?>
????<meta?charset="UTF-8">
????<title>地溝購物網(wǎng)--網(wǎng)頁定位結(jié)構(gòu)</title>
????<style>
????????*{//間距為0
????????????margin:?0;
????????????padding:?0;
????????}
????????body{//字體和行距
????????????font-size:?12px;
????????????line-height:?1.7;
????????}
??????li{
????????????list-style:?none;
????????}
???????#content{
???????????position:fixed;
????????????width:?800px;
????????????margin:?0?auto;
????????????padding:?20px;

????????}
???????#content?h1{//標題
????????????color:?#bebebe;
????????}
????????#content?.item?{
????????????padding:?20px;
????????????margin-bottom:?20px;
????????????border:?1px?dotted?#0088bb;
????????}

???????#content?.item?h2?{
????????????font-size:?16px;
????????????font-weight:?bold;
????????????border-bottom:?2px?solid?#0088bb;
????????????margin-bottom:?10px;
????????}

????????#content?.item?li{
????????????display:?inline;
????????????margin-right:?10px;
????????}
????????#content?.item?li?a?img{
????????????width:?250px;
????????????height:?230px;
????????????border:?none;
????????}
????????#menu{//右側(cè)導航樣式
????????????position:?fixed;
????????????top:?100px;
????????????left:?50%;
????????????margin-left:?1000px;
????????????width:?80px;
????????}
????????#menu?ul?li?a{
????????????display:?block;
????????????margin:?5px?0;
????????????font-size:?14px;
????????????font-weight:bold?;
????????????color:?#BC7A00;
????????????width:?80px;
????????????height:?50px;
????????????line-height:?50px;
????????????text-decoration:none?;
????????????text-align:?center;
????????}
????????#menu?ul?li?a?:hover,
????????#menu?ul?li?a.current{
????????????color:?black;
????????????background-color:?lawngreen;
????????}

????</style>
????

</head>
<body>
????<div?id="menu">
????<ul>
????????<li><a?href="#item1"?class="current">1F?男裝</a></li>
????????<li><a?href="#item2">2F?女裝</a></li>
????????<li><a?href="#item3">3F?美妝</a></li>
????????<li><a?href="#item4">4F?數(shù)碼</a></li>
????????<li><a?href="#item5">5F?母嬰</a></li>
????</ul>
????????</div>

<div?id="content"></div>
<h1>地溝購物網(wǎng)</h1>
<div?id="item1"?class="item"></div>
<h2>1F?男裝</h2>
<ul>
????<li><a?href="#"><img?src="1.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="1.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="1.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="1.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="1.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="1.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="1.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="1.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="1.jpg"?alt=""/></a></li>
</ul>
<div?id="item2"?class="item"></div>
<h2>2F?女裝</h2>
<ul>
????<li><a?href="#"><img?src="2.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="2.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="2.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="2.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="2.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="2.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="2.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="2.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="2.jpg"?alt=""/></a></li>
</ul>
<div?id="item3"?class="item"></div>
<h2>3F?美妝</h2>
<ul>
????<li><a?href="#"><img?src="3.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="3.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="3.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="3.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="3.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="3.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="3.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="3.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="3.jpg"?alt=""/></a></li>
</ul>
<div?id="item4"?class="item"></div>
<h2>4F?數(shù)碼</h2>
<ul>
????<li><a?href="#"><img?src="44.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="4.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="4.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="4.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="4.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="4.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="4.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="4.jpg"?alt=""/></a></li>
????<li><a?href="#"><img?src="4.jpg"?alt=""/></a></li>
</ul>
<div?id="item5"?class="item"></div>
<h2>5F?母嬰</h2>
<ul>
????<li><a?href="#"><img?src="5.bmp"?alt=""/></a></li>
????<li><a?href="#"><img?src="5.bmp"?alt=""/></a></li>
????<li><a?href="#"><img?src="5.bmp"?alt=""/></a></li>
????<li><a?href="#"><img?src="5.bmp"?alt=""/></a></li>
????<li><a?href="#"><img?src="5.bmp"?alt=""/></a></li>
????<li><a?href="#"><img?src="5.bmp"?alt=""/></a></li>
????<li><a?href="#"><img?src="5.bmp"?alt=""/></a></li>
????<li><a?href="#"><img?src="5.bmp"?alt=""/></a></li>
????<li><a?href="#"><img?src="5.bmp"?alt=""/></a></li>
</ul>
</body>
</html>


正在回答

4 回答

你的所有的div都沒有閉合內(nèi)容

0 回復 有任何疑惑可以回復我~
#1

qq_嫵鈳取玳_0 提問者

非常感謝！
2017-06-14 回復 有任何疑惑可以回復我~

建議你看看盒模型，了解什么是css容器

0 回復 有任何疑惑可以回復我~

擦，你后面那些h2 啦 ul啦 都沒寫在div里面！你div直接就給封口了，你讓圖片它們情何以堪

0 回復 有任何疑惑可以回復我~

后面的布局<div></div>出問題了

1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

跟著老師寫的一個練習，但是我發(fā)現(xiàn)我寫的代碼無法實現(xiàn)圖片的居中？圖片沒有排列？右側(cè)的導航表沒有變化？

我要回答 關(guān)注問題
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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