Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 是否可能启用div标记不跟随父div填充?_Html_Css_Asp.net - Fatal编程技术网

Html 是否可能启用div标记不跟随父div填充?

Html 是否可能启用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

我为子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: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中几乎所有问题最糟糕的解决方案