内层div如果不设置宽度的情况下会与外层div宽度一致，因为div是块级元素，默认是父容器的100%。
外层div如果不设置高度的话会与内层div高度保持一致，因为它会根据内容的多少自适应高度。
想让外层div自动适应内层div的高度和宽度
1）高度不需要设置，它会自适应
2）宽度可以给外层div加浮动或定位，加了之后内容有多宽，它就有多宽。或者是通过js获取内层元素的宽高然后给外层div加上即可。
<div style="clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;"></div>
--------------------------------------------------------------------------------------------------------------------
<body>
<div style="width:580px; height:auto; margin:0 auto; background-color:#333">
<div style="height:100px; width:230px; float:left; background-color:#CCC; margin:20px"></div>
<div style="height:100px; width:230px; float:left; background-color:#CCC; margin:20px"></div>
<div style="height:100px; width:230px; float:left; background-color:#CCC; margin:20px"></div>
<div style="clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;"></div>
</div>
</body>本回答被网友采纳
html有滚动条时内部内容顶出外部div却没有跟着顶怎么解决?
1. **转换内层元素类型**：将内层元素设置为inline或inline-block。这样元素的宽度和高度将自动调整以适应内容，背景色范围也随之扩展。2. **使用table或table-*属性**：如将元素设置为table-cell、table-row或table-caption，这些属性同样能促使元素自动调整大小以适应内容。理解这些方法背后的原理有助于...
css 如何让外层的div 控制住内层div的宽度?
你的div 基本上都用了position: absolute；这是将div采用绝对定位，我一般不这么做。因为绝对定位是以左上角为（0,0）定位你的div，跟换分辨率、浏览设备很容易出现位置偏移，你把position: absolute; z-index: 1;删除了应该就对了
...是动态改变的),如何让内层的div高度与外层div高度相同?
没有办法 要相同只有内外都设置一样高 而且一样高时 内div会超出来一部分 如果你只是想外面不设宽高 就让外div整个抱住内div 下面代码就可以实现 <style type="text\/css"> wai{ border:3px solid #000;float:left;} nei{ float:left;border:3px solid #f00;width:200px;height:200px;} <\/...
如何使div中的图片自适应宽度和高度,图片不变形,可以超出div,超出部分隐...
1、HTML的div标签主要是用来布局，div默认是没有任何属性的这也是常用它布局的原因。2、主要设置两个div，一个div在外一个div在内，并设置div的边框颜色。3、首先打开页面，具体如下图所示。4、F12打开审查元素，修改内层div的宽度，外层div随着边框。5、修改内层div高度，外层div高度随之改变。6、div...
...外面的div自动根据内嵌div的总宽度显示滚动条
内嵌的div设置display: inline-block; 然后外面的div设置text-align: left; overflow-x: auto; white-wrap: nowrap;当然，如果你不喜欢内层div之间的间距，就还需在外层div中加一句:text-indent: -6px; 当然这个“-6px” 需要你自己调，可大可小。
css+div布局,左右两个div怎么能自动适应高度
可以通过js实现两个div自适应同等高度，如下：先设置div+css 基本布局：<div id="mm"> <div id="mm1">左边<\/div> <div id="mm2">右边<\/div> <\/div> js 实现 div 自适应高度 代码如下：<script type="text\/javascript"> <!-- window.onload=window.onresize=funct { if document.get...
css怎样才能设置高度为100%,就是里面的div跟着外面的大div增高。
错：这种情况下不需要制定height的任何参数 <div> <lu> <li><\/li> <li><\/li> <li><\/li> <li><\/li> <li><\/li> ...无限 <\/ul> <\/div> 如果出现div的高度不随li的增加而增高的话，把代码改成如下：<div> <lu> <li><\/li> <li><\/li> <li><\/li> <li><\/li> <li><\/l...
DIV+CSS如何实现三列宽度自适应
那是因为对他们进行了负的左边距操作，现在只需要在左右边栏的内层div.inner将其拉回来。2、css样式写法如下：left,#right {float: left;margin: 0 0 0 -271px;width: 50%;}#main {width: 540px;float: left;background: green;}.inner {padding: 20px;}#left .inner,#right .inner {...
怎样让两个div保持相同的高度
1、新建一个html文件，命名为test.html，用于讲解jquery怎么设置div高度。2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。3、在test.html文件内，使用div标签创建一个模块，并使用css设置其宽度为50px，背景颜色为红色。4、在test.html文件内，设置div标签的...
急!DW怎么移动div中div?
如给内层div加一样left:10px;top:10px;这样的意思就是内层div距离外层div边距左方和上方分别为10像素。至于你说的要在中间显示，就需要确定两个div的高度与宽度来实际调整边距了，当然可以动态实现，如用jquery获取外层div和内层div的大小，然后来确定边距，这个需要对js比较熟悉才行。
