为什么我外层div设置height:auto有效果,而位于这个div里面的一个div设置height:auto就没效果啦?

我需要的是外层div随里层的div大小改变,里层div随里面的内容更改,不要溢出隐藏的那个,我的外层div里面有2个div,而且一个div左浮动,一个右浮动

这个呢,建议你看看关于浮动的视频教程了。
不过,解决办法呢:你可以在那两个内部的DIV的下面弄一个空DIV,设为:clear:both
像这个,你看下:
<body>
<div style="background:blue;">
<div style="width:100px; height:100px; background:#CCC; float:left;">
</div>
<div style="width:100px; height:100px; background:#FF0; float:right;">
</div>
<div style="clear:both;"></div>
</div>
</body>
你可以试试看,把那个 <div style="clear:both;"></div>去掉,对比一下应该就了解了。
不知道说明白没有。
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-11-25
将三个DIV的高度都设置为自动,overflow:auto;,里面的两个DIV都要有内容,没有内容的时候是撑不开DIV的,你还可以设置最大和最小高度,保证DIV内容最少也得能撑开容器,最大不会超过一定的高度从而导致网页变形本回答被提问者采纳
第2个回答  2012-12-30
这个你不需要设置两个区块
你设置了外层的区块之后 高度设置auto
里层就不要设置区块了 直接加入内容 那么外层的区块就会随着里面的长度而变长
第3个回答  2012-12-30
你把每个div都设置下背景颜色,然后看看,我建议你还是height不要用auto.
第4个回答  2012-12-31
1;像上面那位那个说得那样,清除浮动。
2;针对你的真个问题,也可以在外层大的DIV里面加上float:left。
这样就可以得到你要的结果。

在外层div中加overflow:hidden样式,但内层有下拉列表,当列表超出外层div...
你在里边的div里面加上一个z-index试试,数值越大这个div就越靠上!

div+css 中设置一个div的高度,如何输入内容超过这个高度以后自动拉伸高 ...
height:auto!important; height:500px; min-height:500px 三项顺序不要改动!这只是简单的情况的时候,要是浮动元素中的浮动元素,那就复杂点了!想兼容各个浏览器得费点劲,你照着这个摸索一下吧!

鼠标滑过div让另外一个div从隐藏变为显示
1、给鼠标经过的DIV添加一个类 ,类名为submeau;如下图:2、给显示或者隐藏的DIV,添加一个ID,ID名为:id="oa_submeau",如下图:3、将以下的JQUERY代码放在整个网页的最底部,用于控制鼠标经过显示DIV,离开隐藏DIV。<script src="http:\/\/apps.bdimg.com\/libs\/jquery\/2.1.4\/jquery.min.js"...

页面划动到一个地方,隐藏的div展示出来,怎么实现
1、首先给鼠标经过的DIV添加一个类,类名为submeau。2、其次给隐藏的DIV,添加一个ID,ID名为id=“oa_submeau”。3、最后将JQUERY代码放在整个网页的最底部,用于控制鼠标经过显示DIV,离开隐藏DIV,即可完成页面划动到一个地方隐藏的div展示出来。

怎样定位到div中 ul内li里的a标签
nvau li a,#nvau li a:link 这里写初始的css nvau li a :hover 写经过的代码 nvau li a :visited 写访问后的代码 刚开始可以别用background-position,你可以设置文字颜色不一样 color 如果成功说明代码可用 ,你再调试background-position ...

DIV图片排列
虽然你高设置为10 但img将div的高撑开了,实际为100,所以看不出变化 你可以把高去掉,再把宽改为10,你会发现,跟宽为100是一样的。前边说了很多默认情况,因为这些设置都是可以改变的不是绝对的。很明显你是初学者,并且很强势,说这么多就是希望给你点启发,希望你虚心学习。

如何用CSS限定网页宽度,又如何让一个DIV在网页当中居中呢?
用CSS限定网页宽度,又让一个DIV在网页当中居中,这里需要理解的是一个页面的内容区域,就是body,我们就是通过给body来设置一个宽度,来做限制,至于DIV的居中,首先是需要给这个div一个宽度和高度,然后在使用margin去做,margin的用法,如图:具体的实现看代码:<html> <head> body{ width:960px; ...

怎样让一张图片随着div大小的变化而变化?
4、利用伪元素是将指定标签的前面或者后面的内容设为空,并设成块元素,并设定以百分比为单位的padding-bottom或者padding-top。以此撑开这个div。5、在有背景图片的div的内部再套一个div,然后为这个内部的div添加相应的样式,使得外层div可以被撑起来。6、为这个内部div设定内部边距上或者下都可以。同样...

网页背景音乐的HTML代码是什么?
该属性表明音频被播放的次数,是一个数值或者关键字infinite。2、<EMBED>:<embed> 标签定义嵌入的内容,比如插件,插入音频和视频方式。<EMBED src="your.mid"autostart="true" loop="true" hidden="true"> heightpixels设置嵌入内容的高度。srcurl嵌入内容的 URL。typetype定义嵌入内容的类型。widthpixe...

这用表单用div+css怎样排版呢?
<\/div> 基本样式:.field {border-bottom:1px dashed #C4DDDF;float:left;padding:5px 8px;overflow:hidden;zoom:1;} .field label{float:left;display:block;width:**px;} .field span{float:left;display:block;width:**px;} 这样写有个好处就是结构清晰,如果里面都是套用div的话会有点...

相似回答