文章詳情頁
設置了margin:0 auto;無法居中咋回事?
瀏覽:118日期: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 - vue 移動端的input 數字輸入優化2. 為什么我ping不通我的docker容器呢???3. javascript - 有什么兼容性比較好的辦法來判斷瀏覽器窗口的類型?4. 關于docker下的nginx壓力測試5. HTML5禁止img預覽該怎么解決?6. 服務器端 - 采用nginx做web服務器,C++開發應用程序 出現拒絕連接請求?7. javascript - npm start 運行’webpack-dev-server’報錯 Cannot find module ’webpack’8. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安裝失敗???9. java - 靜態屬性中的賦值和靜態代碼塊中的賦值有什么區別?10. javascript - nidejs環境設置操作一直出現這種問題怎么解決?
排行榜
