最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

子DIV设置了外边距为什么父级也跟着下移了_html/css_WEB-ITnose

来源:懂视网 责编:小采 时间:2020-11-27 16:30:42
文档

子DIV设置了外边距为什么父级也跟着下移了_html/css_WEB-ITnose

子DIV设置了外边距为什么父级也跟着下移了_html/css_WEB-ITnose:css css代码如下 #header-div{ height:80px; background-color:#c0c0c0; } #logo-div{ height:50px; width:200px; margin-left:120px; margin-top:10px; background-color:#400040; h
推荐度:
导读子DIV设置了外边距为什么父级也跟着下移了_html/css_WEB-ITnose:css css代码如下 #header-div{ height:80px; background-color:#c0c0c0; } #logo-div{ height:50px; width:200px; margin-left:120px; margin-top:10px; background-color:#400040; h
css

css代码如下
#header-div{
height:80px;
background-color:#c0c0c0;
}
#logo-div{
height:50px;
width:200px;
margin-left:120px;
margin-top:10px;
background-color:#400040;
html代码





回复讨论(解决方案)

父级元素没有确切的宽度,不符合和模型的里的定义,虽然div的display默认是block。你可以设置一下宽度,这样父级元素就不会跑了。

子的margin效果 直接作用到了父身上

但我直接把子级浮动了竟然好了, ,搞不懂了。这盒模型理解不够透彻了,求教大神们是怎么写CSS代码的,难道每个盒子都固定宽高,。

话说,这就是外边距叠加的问题嘛,可以搜搜看;

外边距叠加只会出现在两个块级元素之间,并且父元素不能有padding或者border才会出现叠加呢。
浮动的元素不会出现外边距叠加。

这里,你给父元素加个border,或者加个padding也可以解决你说的问题的。

稍微整理过一次margin的问题,可以参考一下啊: http://blog.csdn.net/zyl_lyr1019/article/details/14215355

文档

子DIV设置了外边距为什么父级也跟着下移了_html/css_WEB-ITnose

子DIV设置了外边距为什么父级也跟着下移了_html/css_WEB-ITnose:css css代码如下 #header-div{ height:80px; background-color:#c0c0c0; } #logo-div{ height:50px; width:200px; margin-left:120px; margin-top:10px; background-color:#400040; h
推荐度:
标签: 设置 html css
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top