如何使左边距“出现”在容器div之外？
用户7681202
注意在使用 Bootstrap 时，容器 div 内的行 div 如何在容器 div 外“出现”左边距（左边距是黄色部分）：
我尝试使用以下代码复制此行为：
<!DOCTYPE html>
<html>
<head>
<style>
#div1
{
width: 500px;
height: 400px;
border: 1px solid black;
margin-left: auto;
margin-right: auto;
}
#div2
{
width: 500px;
height: 200px;
background-color: red;
margin-right: 100px;
margin-left: 100px;
}
</style>
</head>
<body>
<div id="div1">
<div id="div2">
</div>
</div>
</body>
</html>
但它不起作用（左边距留在容器div内）：
安德鲁L64
您可以通过使用具有负值的边距来做到这一点，如下所示：
.row {
margin-left: -15px;
margin-right: -15px;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
给许多DIV左边距很慢
- 2
在Bootstrap容器中时如何使div与左边界齐平
- 3
在Bootstrap容器中时如何使div与左边界齐平
- 4
如何设置最大左边距？
- 5
如何设置最大左边距？
- 6
为什么div朝着左边距移动？
- 7
左边距动画到div的结尾
- 8
CSS div定位：左边距的荒谬数字
- 9
如何在div的左边，右边和顶部留有相等的边距
- 10
如果所包含元素的尺寸太大，如何减小div的左边距？
- 11
如何在第一个和最后一个div上删除左边距和右边距
- 12
如何正确处理左边距？
- 13
如何使右边距变成左边距大小的两倍
- 14
如何从ListView行中删除左边距和右边距？
- 15
如何强制 div 在悬停时溢出 ul 容器之外？
- 16
使用jQuery对div的左边距切换动画？
- 17
左边距和100％宽度的推入浮动文本移动到浏览器边缘之外
- 18
如何使响应式JQuery的左边距为空白？
- 19
滚动左边距变化
- 20
UINavigationBar的左边距
- 21
如何在div容器之外将图像对齐一半？
- 22
用JS改变左边距
- 23
jQuery onclick添加左边距
- 24
CSS左边距过渡无效
- 25
PHPStorm演示模式的左边距
- 26
左边距不与自动合并
- 27
如何在div的中间固定div的左边界
- 28
为什么将左边距设置为自动将div移动到右侧
- 29
内容出现在div之外
我来说两句