三个div高度自适应一致，但是外面的padding-bottom 却失效了 代码如下

css中，自适应高度 margin-bottom很大的正值。padding-top很大的负值，想问下，这是什么原理~

你把#test的overflow改成scroll你就能看懂他的原理了。
这不是自适应的高度，只是利用了overflow:hidden来隐藏两边div的多余部分。他给左右两个div分别设置了一个3000像素高的空白占位高度，把整个div往上挤了3000像素，然后又通过负的margin把div往下挪3000像素。当中间的div高度到了3000以上的时候（准确的说是比两边div内部除了padding之外的高度多3000以上），左右两边的div高度可能就不够了，会比中间矮。
真正的自适应要用javascript。

可以通过JQ来获取右边高度再付值给左边。这样，右边内容再多，JQ也能把它的高度付值给左边，这样就会两边一样。
//判断控制页面初始时左右的高度一致 var hl = $(".left").outerHeight(); //获取左侧left层的高度 var hr = $(".right").outerHeight(); //获取右侧right层的高度 var mh = Math.max(hl,hr); //比较hl与hr的高度，并将最大值赋给变量mh $(".left").height(mh); //将left层高度设为最大高度mh $(".right").height(mh); //将right层高度设为最大高度

还可以通过一些滚动插件：比如jQuery Scrollbars等，，，两边设置一致高度，然后右边多出来的内容就会出现一个滚动条，下拉来显示。

还可以设置左右两边高度一致，右边加上禁止溢出。。这样做，如果右边内容多出来了就不会显示出来，，

看你需要哪种，，

你这里是因为发生了吞吃现象，就是父级设定了padding和margin后子级再设定的话就会吞掉一部分，你自己可以随便做下试验就能验证了；还有就是如果你对几列div高度不好计算的情况下还设定padding属性，那么很容易造成高度混乱，因为浏览器显示的高度是div赋值的高度加上padding上下的值（height:10px;+padding:10px;=浏览器实际高度30px）
你如果一定要加padding的话，再不影响你整体样式的情况下，你不妨再在里面套一个div并设定高度，这样就不会因为padding属性而导致高度不一致的问题
至于吞吃现象，你可以在子级上设一个边框border来分隔开相邻的2个padding，这样就不会吞吃掉了

<style type="text/css">
.module {padding:15px;background:red;}
.module-a, .module-b, .module-c {float:left; width:300px;background: #ccc; padding-bottom:100em;}
.module-b { background: green; margin-left: 10px;}
.module-c { background: #FFC; margin-left: 10px;}
.cl{ clear:both;}
</style>
<div class="module">
<div class="module-a">
<ul>
<li>如何让2个并列的div根据内容自动保持同技能</li>
<li>Hi 哥们，我还在·</li>
<li>如何让2个并列的div根据内容自动保持同技能</li>
<li>Hi 哥们，我还在·</li>
<li>Hi 哥们，我还在·</li>
<li>Hi 哥们，我还在·</li>
<li>Hi 哥们，我还在·</li>
<li>Hi 哥们，我还在·</li>
<li>Hi 哥们，我还在·</li>
</ul>
</div>
<div class="module-b">
<ul>
<li>如何让2个并列的div根据内容自动保持同技能</li>
<li>Hi 哥们，我还在·</li>
</ul>
</div>
<div class="module-c">
<ul>
<li>Hi 哥们，我还在·</li>
</ul>
</div>
<div class="cl"></div>
</div>

---

忻州市19324156604： 三个div高度自适应一致,但是外面的padding - bottom 却失效了 代码如下？
亓顾舒尔： <style type=＂text/css＂>.module {padding:15px;background:red;}.module-a, .module-b, .module-c {float:left; width:300px;background: #ccc; padding-bottom:100em;}.module-b { background: green; margin-left: 10px;}.module-c { background: #FFC; ...

忻州市19324156604： 如何让外层div自动适应内层div的高度和宽度 - ？
亓顾舒尔： 内层div如果不设置宽度的情况下会与外层div宽度一致,因为div是块级元素,默认是父容器的100%.外层div如果不设置高度的话会与内层div高度保持一致,因为它会根据内容的多少自适应高度.想让外层div自动适应内层div的高度和宽度1)高度不需要设置,它会自适应2)宽度可以给外层div加浮动或定位,加了之后内容有多宽,它就有多宽.或者是通过js获取内层元素的宽高然后给外层div加上即可.

忻州市19324156604： 如何实现内部div的高度自适应外部的div - ？
亓顾舒尔： 做不到! 解决办法:1,用javascript取左侧内容的高度赋值给右边的DIV;2,在最外层DIV使用背景图做成三列布局的假象;3,改成table.

忻州市19324156604： 里面的div怎么撑开外面的div让高度自适应 - ？
亓顾舒尔： 外面的div的css设置成 overflow:auto;或者 overflow:hidden;都可以将外面的div撑开!

忻州市19324156604： css设的高度或宽度一样,也在一个大div盒子里面,但是就是位置不一样? - ？
亓顾舒尔： 首先确保这个div是不是是block.默认情况下,div是block.可能在设置某些css样式的时候更改了也不一定. 可以如果设置了高度,他的高度就会固定下来.可以这样改.不设置他的高度,设置它的overflow:hidden属性就可以自适应内容了、

忻州市19324156604： 如何实现三个同行div自适应内容高度且指叨纫恢 - ？
亓顾舒尔： 方法:1、@dolymood 的方法:为父元素设置 overflow:hidden.再为子元素设置大的 padding-bottom 属性,再用稍大一点的 margin-bottom 属性抵消;2、@pantao @MockingBird 的方法采用了table布局,父元素 display:table,子元素 display:table-ceil;

忻州市19324156604： 视频自适应高度,外层div自适应高度 - ？
亓顾舒尔： 建议,不要用内边距,改为内部div的外边距,应该会好一些.

忻州市19324156604： 如何让内层div高度自适应外层div高度 - ？
亓顾舒尔： height:auto!important; height:200px; min-height:200px;

忻州市19324156604： div高度自适应时可以不设置高度直接行高居中吗 - ？
亓顾舒尔： 从逻辑方面来看,行高与div高度一样就相当于是文字主动居中于div,而不设高度的话,div是被撑开的高度,相当于是被动的居中如果文字永远都是一行,那么只设定行高也没什么太大问题,不过好像因为浏览器兼容性的问题,部分浏览器中div不会被行高所撑开; 再者,很多时候的布局不单单只有文字,还有其他的元素在里面,比如图片和其他标签,再加上布局以及css的不同运用,只是用行高来撑开div显然是不可取的

忻州市19324156604： HTML中DIV自动高度识别不了内部左浮动标签的高度,代码如下 - ？
亓顾舒尔： 运行结果: