我定义的外层div的css里面背景图片不纵向平铺，设置的高度是自动的，但是加上高度的值之后才能显示

Posted 2023-04-16

#main1_nrwidth:1003px; height:auto; background:url(sub_main_bj.jpg) repeat-y; padding-bottom:10px;

高度是自动的，这个div的背景会根据你填充的内容渐渐平铺。所以你给高度就会能看见显示。在该层内填充你需要填充的内容就行了。代码是没问题的。 参考技术A 这个正常，因为div本身是不带高度的，一般都是靠里面的东西撑出来的高度，如果里面没有东西还想显示，只能给高度追问

我在这个div里面加了内容了，它就是不显示，只能给高度才显示的

追答

里面有浮动没，如果有浮动，需把浮动清除，这样就会自动撑开

参考技术B #main1_nrwidth:1003px; background:url(sub_main_bj.jpg) repeat-y; padding-bottom:10px; 参考技术C 背景图的高度依赖元素的高度， 如何元素设置高度后，可通过 background-size="100% 100%" 调整 背景图大小 参考技术D 尝试下height：100%；

css外层高度600px,里面div如何自适应填满高度？

<div>//外层div固定600px高度
<div class="div1"></div>// div1高度根据内容不定
<div class="div2"></div>// div2高度根据内容不定
<div class="div3"></div>// div3如何填满剩余的高度？
</div>
//例如：假如div1内容高度10px，div2内容高度15px，div3应该占剩余高度575px;
如何写css

参考技术A <style>
.div display:flex; flex-direction:column; width:600px; height:600px; border:1px solid #ccc
.div1 flex:0 0 auto; background-color:red
.div2 flex:0 0 auto; background-color:green
.div3 flex:1 1 auto; overflow:hidden; background-color:blue
</style>
<div class="div">
<div class="div1">div1</div>
<div class="div2">div2</div>
<div class="div3">div3</div>
</div>