我正在尝试让我的水平线忽略父填充。
下面是我所拥有的一个简单的例子:
#parent {
padding:10px;
width:100px;
}
hr {
width:100px;
}
你会发现水平线从父级延伸了10px。我试图让它忽略父div中的其他所有内容所需要的填充。
我知道我可以为其他所有东西创建一个单独的div;这不是我正在寻找的解决方案。
发布于 2010-11-28 19:39:20
简单的修复,只需做
margin:-10px
在人力资源部。
发布于 2017-08-10 21:27:40
对于图像目的,您可以这样做
img {
width: calc(100% + 20px); // twice the value of the parent's padding
margin-left: -10px; // -1 * parent's padding
}
发布于 2015-08-29 15:26:27
大体上每个人都回答了这个问题,但只有很小一部分人回答了这个问题。我刚处理过这件事。
我想在面板的底部有一个按钮托盘,面板周围有30px。纽扣托盘的底部和侧面必须齐平。
.panel
{
padding: 30px;
}
.panel > .actions
{
margin: -30px;
margin-top: 30px;
padding: 30px;
width: auto;
}
我用更多的肉体做了一个演示here来驱动这个想法。但是,上面的关键元素会偏移子级上具有匹配负边距的任何父级填充。然后最关键的是,如果你想要运行子进程的全宽,那么将width设置为auto。(正如schlingel在上面的评论中提到的)。
https://stackoverflow.com/questions/4296530
复制相似问题