电脑技术学习

相邻div实现一个跟着另一个自适应高度示例代码

dn001

电脑学习网本文为大家详细介绍“如何实现,相邻div、一个跟着另一个自适应高度,具体代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助!

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">;

<html>;
<head>;
<title>new document</title>;
<style type="text/css">;
.wrap{;
border:1px solid #006699; width:500px; overflow:hidden;;
};
.wrap .left{;
float:left; width:50%; background:#eee; padding-bottom:3000px; margin-bottom:-3000px;;
};
.wrap .right{;
float:right; width:50%; background:#f5f6fb; padding-bottom:3000px; margin-bottom:-3000px;;
};
</style>;
</head>;
<body>;
<div class="wrap">;
<div class="left">;
<p> 内容</br></p><p>内容</br></p><p>内容< /br></p><p>内容</br></p><p>内容< /br></p><p>内容</br></p>;
</div>;
<div class="right">;
sfds;
<p> 内容</br></p><p>内容</br></p><p>内容< /br></p><p>内容</br></p><p>内容< /br></p><p>内容</br></p>;
<p>内 容</br></p><p>内容</br></p><p>内容< /br></p><p>内容</br></p><p>内容< /br></p><p>内容</br></p>;
</div>;
</div>;
</body>;
</html>

标签: