css父级只设置padding,为什么不能填满

html-css09

css父级只设置padding,为什么不能填满,第1张

当您只为父级元素设置padding时,padding将只影响父级元素周围的空间,而不会影响子元素,从而无法填满整个父级元素。因此,如果想要让子元素填满父级元素,您需要为子元素设置width或height属性。

css

没有父元素选择器,只有子元素选择器h1

>

strong,选择第一个

h1

下面的strong

元素;兄弟选择器h1

+

p

选择紧接在另一个元素后的元素,而且二者有相同的父元素;

父元素可以使用jquery,$(".class:parent")

$(".class").parent()

希望子元素撑开父级元素可以使用以下两种方法:

1、父级版元素宽度不固定,父级元素设置为inline-block或者添加float;

2、对父级元素使用min-width,这样只限制了最小的宽度,如果子元素变宽,父级同样会变宽。

3、首先父类元素必须不是相对定位,如果是相对定位宽度就会默认为百分百。所以必须是绝对定位或者fixed。其实设置了这一步,父类的div已经达到要求了。

4、用第三种方法有个不足之处就是,如果子类运用了浮动的话,因为浮动会会脱离文档流,所以不能撑开父类,这时候可以给父类元素加一句overflow:hidden这样就可以让浮动元素也撑开父类。

扩展资料:

当子元素全部浮动时如何解决父元素无法撑开的解决办法:

1、父元素添加高度。

此方法可以将父元素显示出来。

缺点:但当调整子元素高度的时候,若要实现父元素包含子元素的效果,就也要调整父元素高度。实在很麻烦!所以此方法不要用!

2、父元素也添加浮动。

以暴制暴的方法!别人浮起来自己也要跟着一起浮。

缺点:虽然可以解决问题,但是后面要添加有不需要浮动的子元素,则影响其显示。

3、给父元素添加overflow:hidden;

缺点:一旦包含非浮动的子元素,则会影响其显示。

4、给父元素添加一个无关的元素,让添加的无关元素去清除浮动 clean:both;

缺点:添加了一个无关元素,代码阅读受影响。

5、通过伪类来实现,在需要清除浮动的父元素里,添加一个清除浮动的伪类。

推荐此方法,比较高级,而且没有以上缺点。