三个并列的div，都没有设定高度，有办法让它们的高度都等于最高的那个吗？

两列div中，高度如何设置成最高DIV的高度，（div高度不确定）~

div2的高度你定死了 那就没办法 要不你就把div2的高度变成自适应的

用js写这样写:

var div2=document.getElementById("div2");
var div3=document.getElementById("div3");
if(div2.style.height<div3.style.height)
{
div2.style.height=div3.style.height;//把div3的高度给div2
}



下面不管你div3变得有多高~ div2总会自适应的跟上~不过你div2中的内容要有那么多才行哟




无标题文档

div{border:1px solid red;}
#main{width:100%;height:100%;}
#div1{height:auto;width:200px;float:left;}
#div2{width:200px;float:left;height:100%;background-color:red}
#div3{width:200px;float:left;}

将三个DIV的高度都设置为自动，overflow:auto;，里面的两个DIV都要有内容，没有内容的时候是撑不开DIV的，你还可以设置最大和最小高度，保证DIV内容最少也得能撑开容器，最大不会超过一定的高度从而导致网页变形。

你试试height：100%；或者是height：auto；基本上没有高度都统一的，除非是统一的设定固定的高度。因为高度大多是需要根据内容的多少去自动变化的

<div style=" overflow:hidden; background:#ff0; ">
<div style=" float:left; background:#ccc; padding-bottom: 32767px; margin-bottom: -32767px">1gwegqw<br />ewftqwe1</div>
<div style=" float:left; background:#ddd; padding-bottom: 32767px; margin-bottom: -32767px">2</div>
<div style=" float:left; background:#eee;padding-bottom: 32767px; margin-bottom: -32767px">3</div>
</div>
你试试，背景颜色是为了让你看到效果，至于padding-bottom: 32767px和 margin-bottom: -32767px，这两个数字需要相等，大小根据你的需求来设置。

.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}

.clearfix:after {
clear: both;
}
你在最外层的div加这个样式看看。

---

靖江市19153085050： 三个并列的div,都没有设定高度,有办法让它们的高度都等于最高的那个吗? - ？
漆蚀益母： <div style=＂ overflow:hidden; background:#ff0; ＂><div style=＂ float:left; background:#ccc; padding-bottom: 32767px; margin-bottom: -32767px＂>1gwegqw<br />ewftqwe1</div><div style=＂ float:left; background:#ddd; padding-bottom: 32767...

靖江市19153085050： div没有设置高度为什么边框不随着增长? - ？
漆蚀益母： 原因: 浮动 & 改变了定位(可能是容器、子元素),导致跳出正常流. DIV使用注意事项:1、布局时遵循从整体到局部的原则.可以尝试先设计出各个div块之间的关系,包含或者并列. 2、并列的块时,可使用float属性,使用float时要保证这两个块的宽度之和小于其父级块,否则会出现折行. 3、在应用了float属性的块时,该块已脱离正常文档流,所以其下的块会当其不存在一样,此时需要clear. DIV的作用:1、表示将网页元素分成块. 2、对已经分块的每一块可以用CSS/DHTML的方法进行控制,以实现 排版,自动隐藏,各种特效等.

靖江市19153085050： DIV+CSS布局时, 可以不设置DIV的高度和宽度吗? - ？
漆蚀益母： 这个没有特别的做要求,你要根据你自己的页面整体布局来设置,还有根据div的特性来设置,div默认情况是宽度最大化(100%)、高度最小化,高度随着内容自动伸展; 一般情况做网页的话,大部分都是固定了总体框架宽度的,每个模块的...

靖江市19153085050： 我并没有设置div的宽和高,但各个div都显示了宽和高 - ？
漆蚀益母： 给出代码才好检查错误, 按你这样说是不会出现这样的问题的, 除非你里面的两个DIV宽度加起来大于了父DIV的宽度, 如果你没有设置父DIV的宽度,你可以检查它继承来...

靖江市19153085050： 在用CSS+div的网页设计中,所有的DIV都要设定宽度和高度吗? - ？
漆蚀益母： 给所有的DIV设定宽度和高度不是必须的. DIV是块级元素,默认的宽为100%,也就是你DIV外面的元素有多宽,DIV就是多宽. DIV的高默认为内部元素的高,也就是DIV里面的元素有多高,DIV就是多高.当DIV里面的元素为浮动元素时候就会出现DIV高为0,所以这时候就得清除浮动.

靖江市19153085050： 三个DIV,上中下各一个中间的不设高度,怎么让他自适应,我这不设置老是下面那个div会挤上来重叠. - ？
漆蚀益母： 你可以发下你的代码 我测试的是会自适应的<div style=＂width:960px; height:100px;＂></div><div style=＂width:960px; height:auto;＂></div><div style=＂width:960px; height:100px;＂></div>

靖江市19153085050： 我制作网页的时候使用的是div+css,我在div中放入了内容,没有设置其高度,因为后台中要加入很多内容 - ？
漆蚀益母： 很正常.那就是你CSS控制高度的代码写的不正规 或者是,控制的代码根据不同的浏览器有不同的写法.要判断是那种浏览器然后运行不同的控制代码

靖江市19153085050： 为什么这个html中的下面三个div盒子没有在他的父标签里面呢 - ？
漆蚀益母： 实际上是在的,只是因为里面3个div设置了浮动,而最外层div未设置高度,所以视觉效果看起来没在而已,楼主你在最外层div加个padding就看得出效果来了.

靖江市19153085050： css如何让并行的三个div高度随时保持一致 - ？
漆蚀益母： 这个问题好办的!!我的办法是用js比较三个div的高度 然后设置高度想同!在百度搜索＂jquery做的三列div高度自适应＂ 第一个就是网络蛀虫小窝的的一篇文章就是

靖江市19153085050： 不设宽度和高度的div是不是不能float?为什么? - ？
漆蚀益母： 按照我理解,div浮动只需要设置宽度即可吧,高度只是为了布局用的,单纯测试浮动只需设置宽度啊,浮动你第一个div也要设置float属性的,如果有这点那我也猜不出什么原因,因为你没贴出代码,有可能是其他地方的布局影响到了.