<!DOCTYPE html>
<html><head> <meta charset="UTF-8"> <title>height()内容自适应，超出显示滚动条</title> <script src="> <style> *{ margin:0; padding:0;} .box{ float:left; width:520px; margin:0 auto;} .a{ float:left; width:100px; border:1px solid #ccc;} .b{ float:left; width:100px; border:1px solid #f00;} </style> <script> $(function(){ $(".b").height() < $(".a").height() ? $(".b").height('auto') : $(".b").css('overflow-y', 'scroll').height($(".a").height()); });</script>
</head><body> <!-- 内容自适应 --> <div> <div>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/></div> <div>b<br/>b<br/>b</br/>b<br/>b<br/>b</br/>b<br/>b<br/>b</br/>b<br/>b<br/>b</br/>b<br/>b<br/>b</br/></div> </div> <!-- <div> <div>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/></div> <div>b<br/>b<br/>b</br/></div> </div> --></body></html>