成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置：首頁技術(shù)文章
文章詳情頁

設(shè)置了margin:0 auto;無法居中咋回事？

瀏覽：142日期：2022-10-28 10:32:31

問題描述

<!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.頁面的頭部，主體和底部全部放在一個容器中統(tǒng)一設(shè)置<br>

2.容器中的子塊只需要設(shè)置一下高度即可

</p>

<div>

<div>頭部</div>

<div>主體</div>

<div>底部</div>

</div>

</body>

</html>

問題解答

回答1：

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

回答2：

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

相關(guān)文章：