一、代碼
HTML代碼
<div class="head">
<div class="logo fl">
<a href=""><img src="/images/logo2018.png" alt=""></a>
</div>
</div>
<div class="menu">
<ul>
<li><a href="#">網站首頁</a></li>
<li><a href="#">學校概況</a></li>
<li><a href="#">機構設定</a></li>
<li><a href="#">師資團隊</a></li>
<li><a href="#">招生就業</a></li>
<li><a href="#">人才培養</a></li>
<li><a href="#">學生作業</a></li>
<li><a href="#">教學資源</a></li>
<li><a href="#">科學研究</a></li>
<li><a href="#">國際交流</a></li>
<li><a href="#">資訊公開</a></li>
<li><a href="#">資訊服務</a></li>
<li><a href="#">泰山學院報</a></li>
</ul>
</div>
CSS
.header {
height: 205px;
width: 100%;
background: #9E0000;
}
.head {
width: 1200px;
height: 140px;
margin: 0 auto;
}
.logo img{
width: 640px;
height: 140px;
}
二、問題描述
影響了下面的li排版
三、問題分析
三、解決辦法
css檔案中加入
.logo {
width: 640px;
height: 140px;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/230313.html
標籤：其他
下一篇：深入了解頁面生命周期API