設(shè)置了margin:0 auto;無法居中咋回事?
問題描述
<!DOCTYPE html>
<html>
<head>
<meta charset ="UTF-8">
<title>1.單列等寬布局</title>
<!--樣式-->
<style type="text/css">
.container{
max-width: 960px;<!--設(shè)置最大寬度為960px-->
margin:0 auto;<!--設(shè)置內(nèi)部的塊元素水平居中-->
}
.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.頁(yè)面的頭部,主體和底部全部放在一個(gè)容器中統(tǒng)一設(shè)置<br>
2.容器中的子塊只需要設(shè)置一下高度即可
</p>
<div>
<div>頭部</div>
<div>主體</div>
<div>底部</div>
</div>
</body>
</html>
問題解答
回答1:好了解決了,注釋出了問題,用的Notepad++寫的,直接用快捷鍵注釋,沒注意看。
回答2:你只寫了樣式,但是并沒有使用樣式
相關(guān)文章:
1. 關(guān)于docker下的nginx壓力測(cè)試2. javascript - webpack熱加載配置不生效3. debian - docker依賴的aufs-tools源碼哪里可以找到啊?4. 為什么我ping不通我的docker容器呢???5. angular.js - angular內(nèi)容過長(zhǎng)展開收起效果6. php - 一個(gè)操作請(qǐng)求多個(gè)服務(wù)如何保證數(shù)據(jù)的安全?7. javascript - js代碼獲取驗(yàn)證碼倒計(jì)時(shí)問題8. 主從備份 - 跪求mysql 高可用主從方案9. docker start -a dockername 老是卡住,什么情況?10. dockerfile - [docker build image失敗- npm install]
