Css 忽略使用“自动”的父div的边距
我希望某个div忽略其父div的边距,如在这种情况下:Css 忽略使用“自动”的父div的边距,css,html,Css,Html,我希望某个div忽略其父div的边距,如在这种情况下: html: 我找到了这个,但还是不起作用 运行时的状态如下: 在我的情况下,我无法更改.wrap,但只能更改.myown如果您希望它“脱离”容器,那么您唯一的选择似乎是位置:绝对。它的问题在于它将元素从自然流中移除 .myown{ position: absolute; left: 0; width: 100%; } 您是否希望子div延伸到整个窗口,而保留在父div内部?基本上,预期结果应该是什么样的?我
html: 我找到了这个,但还是不起作用
运行时的状态如下:
在我的情况下,我无法更改
.wrap
,但只能更改.myown
如果您希望它“脱离”容器,那么您唯一的选择似乎是位置:绝对代码>。它的问题在于它将元素从自然流中移除
.myown{
position: absolute;
left: 0;
width: 100%;
}
您是否希望子div延伸到整个窗口,而保留在父div内部?基本上,预期结果应该是什么样的?我希望子div看起来就像父div根本没有改变利润率一样。bažmegakapa提供的答案(但不包括宽度)正是我想要的。这是可行的,但为什么孩子的“边距:0”不会覆盖父母,即使位置设置为绝对?@Aaron你没有什么可以覆盖的,这是一个误解<代码>边距
永远不会被元素的子元素继承。每个元素都生活在它的父元素定义的框中(绝对定位的元素除外,可能还有一些其他情况),这就是为什么它似乎继承了边距,但它没有。
.wrap {width: 200px; margin: 0 auto;} /* Do not change */
.myown{margin: 0;}
.myown{
position: absolute;
left: 0;
width: 100%;
}