Html 是否可能启用div标记不跟随父div填充?
我为子div定义了这个css样式,我的父div被设置为padding,因此在左侧有一些空间。最后,当我插入我的子div并设置下面的属性时,它必须遵循parents div paddingHtml 是否可能启用div标记不跟随父div填充?,html,css,asp.net,Html,Css,Asp.net,我为子div定义了这个css样式,我的父div被设置为padding,因此在左侧有一些空间。最后,当我插入我的子div并设置下面的属性时,它必须遵循parents div padding width: 100%; margin-left: 0px; padding-left: 0px; float: left; clip: rect(auto, auto, auto, 0px); left: 0px; 子div是否可能与父div相对?是否尝试在子div中使用“position:abs
width: 100%;
margin-left: 0px;
padding-left: 0px;
float: left;
clip: rect(auto, auto, auto, 0px);
left: 0px;
子div是否可能与父div相对?是否尝试在子div中使用“position:absolute”(位置:绝对)?请使用padding left:0px!重要的;它将起作用。如果您希望子div不接受其父div的填充,那么要么不给父div填充,要么您可以将子div设置为绝对位置
.child{
宽度:继承;
剪辑:rect(自动,自动,自动,0px);
边框:实心1px红色;
位置:绝对位置;
左:-1px;
}
.家长{
边框:实心1px#中交;
左侧填充:40px;
浮动:左;
宽度:100%;
位置:相对位置;
高度:100px;
}
i am parenti am child
如果您知道parent div的填充量,只需按如下方式反转即可:
.padding { /* child element */
width: 100%;
height:300px;
margin-left: 50px;
padding-left: 50px;
background:#000;
}
.padding div { /* child element */
position:relative; /* cling to parent */
width: 100%;
height:200px;
left: -25px; /* move back to edge of parent*/
background:#f00;
}
首先,将父div设置为
position:relative代码>
然后将子div设置为位置:绝对代码>-这会将子div位置设置为相对于DOM层次结构中具有位置设置的下一个元素(在本例中为直接父元素)的绝对值。FYI<代码>位置:相对位置代码>设置相对于元素渲染位置的位置。这里的CSS技巧对于学习者来说是一个很好的水平
设置子div后,使用top、right、bottom和left属性根据需要定位div
最后,为了抵消填充,您需要直接设置top和left值。这将抵消子加载时考虑填充的默认位置
下面是一个示例:
这是关键的css:
.parent {
padding: 50px;
position: relative; /* makes child element position work */
}
.child {
position: absolute; /* gives simple control of child position */
top: 0; /* forces parent padding to be ignored when positioning */
left: 0; /* as above */
}
您的图像表明您希望顶部值保留为计算值,可能是因为内容会将其向下推,因此这里有一个top:0的示例代码>已删除,显示符合其默认渲染位置的子对象,但左侧值覆盖该子对象的情况除外:
不太清楚你在问什么。你想让孩子在视觉上坐在家长的外面吗?我想让孩子忽略家长div的padding属性,我想让div宽度可以100%适合家长div编辑特定div而不是css hmm,它可以工作一半,因为它将直接指向屏幕最左边,这就是我想要的,只是想要适合父div的左侧。@RyanChong-这是正确的方法,请参阅我的答案以获得完整的解释神圣。。。这很有效,你能帮我解决这个问题吗?我的宽度设置为100%,但一旦我用100px反转,我的div短于长度,如果你能帮助我,这将是答案,我们可以这样做吗?宽度:100%+100px;这是有问题的,因为您现在在两个地方有一个值,维护将很棘手。他们使用将目标锁定在子div,而不是父+上!重要信息
是css中几乎所有问题最糟糕的解决方案