搜尋

首頁  >  問答  >  主體

設定了margin:0 auto;無法居中咋回事?

<!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>


cp3cp32494 天前1700

全部回覆(2)我來回復

  • cp3

    cp32018-05-04 16:15:58

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

    回覆
    0
  • oswell

    oswell2018-05-04 16:09:30

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

    回覆
    0
  • 取消回覆