html 子div是什么意思,html – 为什么子div超出了它们的父div？

我觉得这很愚蠢,但这是一个非常简单的问题,不明白如何解决.在下面的代码中,为什么容器,主要和辅助div扩展到标题之外？我知道它是因为我已经分配给容器的填充而发生的,但我已经为html元素分配了最大宽度. header元素遵循最大宽度,但容器及其子div不是.我在这里看过类似的问题,但没有看到任何我认为与我的特殊情况相关的问题.这里发生了什么？

谢谢.

的test.html

Test

html {

max-width: 960px;

margin: 0 auto;

position: relative;

}

header {

height: 2.5em;

background: #2a3744;

color: #fff;

}

body {

font-size: 100%;

-moz-Box-sizing: border-Box;

-webkit-Box-sizing: border-Box;

Box-sizing: border-Box;

}

.container {

width: 100%;

padding: 1em;

margin: 0 auto;

background: #ccc;

}

.main { background: #cf6; }

.secondary { background: #fc6; }

header

main

secondary

html 子div是什么意思,html – 为什么子div超出了它们的父div？相关推荐

js 实现上下拖动改变父 div 的高度，左右上下拖动动态分割孩子的宽高
1. 需求实现父 div 里面左右,上下动态分割 div,并上下改变父 div 的高度,并且宽和高都是按百分比(如图) . 2. 实现原理 2.1 父布局 <div class='hj-wr ...
子div在父div中置底
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
子div撑不开父div的几种解决方法
为什么80%的码农都做不了架构师?>>> 子div撑不开父div的情况: <style> .example{background: #008000;width: 400p ...
html和css实现透明div上的div不透明，也可说父div透明，子div不透明
css:实现透明div上的div不透明,也可说父div透明,子div不透明,但这里并不是严格的父子关系,只是看起来像是父子关系. 一.方法一: (1)代码片段: ...<style>div ...
html中设置父div的透明度不影响子div透明度
在设置div的透明度的时候发现设置了父div的透明度(opacity=0.5),子div的透明度也随着改变了,并且设置子div的透明度不起作用,这种情况下可以使用rgba来设置父div的透明度:例如设 ...
子div相对于父div位置放置
1.将父div的position设置为relative 2.将子div的position设置为absolute ps:用得最多的是将一张图片作为背景的时候,背景图片设置为position:absolu ...
子div浮动，父div宽度设置100%
今天在做导航条时,由于想要居中导航栏(子div),使用了float,导致父div高度塌陷,样式都没用,具体看下图: 结构大概是这样: nav是导航栏子div,使用了float:left,header是 ...
子div在父div中上下左右居中
在父div中使用 align-items: center; 子div使用 text-align: center;
父div随着子div的高度改变而改变
父div随着子div的高度改变而改变问题情况1:父div未设置高度,子div为标准流(即未设置浮动) <body><div class="aa">父div ...

html 子div是什么意思,html – 为什么子div超出了它们的父div？

html 子div是什么意思,html – 为什么子div超出了它们的父div？相关推荐

最新文章

热门文章