<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>height()内容自适应，超出显示滚动条</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<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>
扫一扫
1860
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
