文章詳情頁
設置了margin:0 auto;無法居中咋回事？
瀏覽：120日期：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;<!--設置最大寬度為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>
問題解答
回答1：好了解決了，注釋出了問題，用的Notepad++寫的，直接用快捷鍵注釋，沒注意看。
回答2：你只寫了樣式，但是并沒有使用樣式
上一條：.......下一條：您好師太我想請教這個框架怎么搭建呢？
相關文章：
1. javascript - 獲取標簽中的字符串2. javascript - 為什么我的vue里的router-link不起作用3. javascript - js 寫一個正則 提取文本中的數據4. javascript - vue子路由匹配渲染到頂級視圖層問題5. 算法 - python 給定一個正整數a和一個包含任意個正整數的 列表 b，求所有<=a 的加法組合6. javascript - 發現個奇怪的問題，寫的css動畫當我把標簽頁收起時動畫自動暫停了7. javascript - js一個小的算法問題，找個好一點的答案。8. javascript - 新組成的數組打印出來出現問題，里面有對象，但長度為空9. javascript - 關于Lazyload遇到的問題10. javascript - 如果根據參數給table中的tr綁定不同事件
排行榜
網公網安備