程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> div布局-div+css布局的一個很小問題,求解,謝謝了

div布局-div+css布局的一個很小問題,求解,謝謝了

編輯:編程綜合問答
div+css布局的一個很小問題,求解,謝謝了
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style>
*{margin:0; padding:0;}
.A{width:950px; height:40px; background:#ccc;}
.nav{width:800px; height:20px; background:blue; margin-top:5px;}
</style>
</head>

<body>
<div class="A">
   <div class="nav"></div>
</div>
</body>
</html>


在我的想象中, 打開浏覽器應該是這樣的
圖片說明

然而,實際上,打開浏覽器卻是這樣的
圖片說明

為什麼會這樣,
margin-top為什麼不基於他外面的大盒子,而是基於外面顯示?

最佳回答:


父div沒有padding或者border,垂直外邊距會發生合並。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved