简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
設定了margin:0 auto;無法居中咋回事？
cp3
cp3 2018-05-04 16:04:03
0
2
1590

<!DOCTYPE html>

<html>

<head>

<meta charset ="UTF-8">

<title>1.單列等寬版面配置</title>

#<!--樣式-->

<style type="text/css" >

.container{

max-width: 960px;<!--設定最大寬度為960px-->

margin:0 auto;< !--設定內部的區塊元素水平居中-->

}

.header{

height:50px;

background-color: #21ff80;

}

.main{

height:600px;

background-color:#80007f;

}

.footer{

height:100px;

background-color:#21ff80;

}

</style>


</head>


#<body>

<h4>單列等寬佈局基本想法：</h4>

<p>1.頁的頭部，主體和底部全部放在一個容器中統一設定<br>

#   2.容器中的子區塊只需要設定高度即可

</p>


<div>

##< div>頭部</div>

<div>主體</div>

<div>底部</div>

</ div>



</body>





</html>


cp3
cp3

全部回覆(2)
cp3
cp32018-05-04 16:15:58 2樓

好了解決了，註解出了問題，用的Notepad++寫的，直接用快捷鍵註釋，沒注意看。

點贊 +0
新增回覆
legend
legend2018-05-04 16:09:30 1樓

你只寫了樣式，但並沒有使用樣式

點贊 +0
新增回覆
熱門專題
更多>
熱門文章
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！