你的位置:首页 > 软件开发 > 网页设计 > margin塌陷现象div盒子嵌套盒子外边距合并现象

margin塌陷现象div盒子嵌套盒子外边距合并现象

发布时间:2016-01-16 15:00:04
问题描述:原型大概是“一个div嵌套了两个 div,给main设定了background="pink" ,header1设定background=“red” 。header2 设定background ...

margin塌陷现象div盒子嵌套盒子外边距合并现象

问题描述:原型大概是“一个div嵌套了两个 div,给main设定了background="pink" ,header1设定background=“red” 。header2 设定background=“blue” ,同时给heder1 设定margin-top:10px; 预想的是内层 heder1div 的上边距 maindiv 上边有10px的距离 但事实上 出现一个问题 ,内层div 并没有出现他所预想的那种效果,实际效果是 maindiv 仍然紧贴内层div 整个maindiv 上边框距离浏览器上边 增加了10px 的外边距”

问题描述代码:

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>Document</title>  <style>  *{margin: 0;padding: 0;}  .main{    width: 400px;    height: 400px;    background: pink;  }  .header1{    width: 150px;    height: 150px;    background-color: red;

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:margin塌陷现象div盒子嵌套盒子外边距合并现象

关键词:div

div
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。