給div居中沒有效果
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>盒子模型導航</title>
<meta name="keywords" content="練習" />
<meta name="description" content="熟練盒子模型和導航代碼" />
<script language="JavaScript" type="text/javascript">
<!--JS代碼位置-->
</script>
<style type="text/css">
<!--CSS樣式代碼位置-->
ul
{
float:right;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:right;
width:7em;
text-decoration:none;
color:white;
background-color:purple;
padding:2em 0.6em;
border-right:1px solid white;
text-align:center;
}
a:hover {background-color:#ff3300}
li {display:inline}
/* 導航欄css */
#aa{
background-color:red;
width:180px;
height:85px;
}
#logo{
float:left;
background-color:yellow;
width:83px;height:80px;
margin:2.5px;
}
#bt{
text-align:center;
padding-top:12px;
font-size:20px;
}
#ms{
text-align:center;
padding-top:6px;
font-size:15px;
}
#cc{
width:1200px;height:444px;
background-color:#fff;
margin-top:30px;
padding-top:0px;
box-shadow:1px 1px 15px #5e5e5e;
padding-right:px;
}
#banner{
width:216px;height:444px;
margin:0px;
background:#2b333b;
border-radius:6px 0px 0px 6px;
float:left;
}
.item{
font-size: 18px;
color:#F0F0F0;
height: 46px;
? ? line-height: 60px;
? ? cursor: pointer;
? ? padding-left:12px;
? ? position: relative;
}
#img{
width:936px;height:316px;
float:right;
background-color:red;
margin-right:48px;
}
#fk{
width:220px;height:128px;
background-color:yellow;
float:left;
}
.p1{
text-align:center;
}
.p2{
text-align:center;
}
</style>
</head>
<body>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">博客</a></li>
<li><a href="#">資源</a></li>
<li><a href="#">下載</a></li>
</ul>
<div id="aa">
<div id="logo">
logo
</div>
<div id="bt">
標題
</div>
<div id="ms">
描述描述描述描述
</div>
</div>
<!--頂部導航+logo結束 -->
<div id="cc">
<div id="banner">
<div class="item">前沿/ 區塊鏈/ 人工智能</div><hr>
<div class="item">前端 / 小程序 / JS</div><hr>
<div class="item">后端 / JAVA / Python</div><hr>
<div class="item">移動 / Android / iOS</div><hr>
<div class="item">云計算 / 大數據 / 容器</div><hr>
<div class="item">運維 / 測試 / 數據庫</div><hr>
<div class="item">UI設計 / 3D動畫 / 游戲</div>
</div>
<!-- 側邊菜單結束 -->
<div id="img">
<img src="/myphp_www/PHPTutorial/WWW/banner.jpg" alt"廣告" width="936px";height="316px";/>
</div>
<!-- 廣告結束 -->
<div id="zy">
<span id="fk">
<p class="p1">Web前端攻城獅</p>
<p class="p2">互聯網時代最火爆的技術</p>
</span>
<span id="fk">
<p class="p1">Java攻城獅</p>
<p class="p2">綜合就業排名第一</p>
</span>
<span id="fk">
<p class="p1">Android攻城獅</p>
<p class="p2">移動設備市場份額第一</p>
</span>
<span id="fk">
<p class="p1">PHP攻城獅</p>
<p class="p2">世界上最好的語言：）</p>
</span>
</div>
<!-- 四個專業結束 -->
</div>
</div>
</body>
</html>
我想給div id=“zy”這個塊設置居中，但是沒有效果，并且我這個div id“cc”這個大塊設置的是1200 距離都算對的，右邊還流出一塊空白，這個1200的寬少一個像素都不行，求指導
2019-01-04
寬度沒算好布局的方法有問題? 重新研究一下解決了