div+css背景图片设置高度的问题

Posted 2023-04-16

CSS样式：

#db width:1002px; height:100; margin:auto; background:#E9DCA8;

#jbt width:1002px; height:40; margin:auto; background:url(images/jbt.jpg);

#logowidth:222px; height:86; margin:auto; background:url(images/sy1_01.jpg) no-repeat; float:left

div：

<div id="db"><div id="logo"></div></div>
<div id="jbt"></div>

为什么背景图设置了高度 但显示出来却达不到设置的高度 总是固定的高度 高度怎么调显示也不变 请指教 谢谢

参考技术A 你浮动了
#logofloat：left
只要是浮动了，它就脱离文档流了。需要清除浮动。
比较方便但是有弊端的改法就是
<div id="db"><div id="logo"></div>
<div style="clear:both"></div></div>
<div id="jbt"></div>
你可以去查一下 Clearfix本回答被提问者采纳

如何使div中的图片自适应宽度和高度，图片不变形，可以超出div，超出部分隐藏

参考技术A

1、HTML的div标签主要是用来布局，div默认是没有任何属性的这也是常用它布局的原因。

2、主要设置两个div，一个div在外一个div在内，并设置div的边框颜色。

3、首先打开页面，具体如下图所示。

4、F12打开审查元素，修改内层div的宽度，外层div随着边框。

5、修改内层div高度，外层div高度随之改变。

6、div定位测试。div如果使用了定位position则外层不会随内层div变化。

7、最后输出结果如图。