学电脑,学计算机 | 手机访问 | 加入收藏 | 设为首页 | RSS
当前位置:首页 > 网页制作 > HTML/CSS > 正文

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

发布时间:2014-09-28 23:58:52  来源:电脑技术学习网
【摘要】: 本文为大家详细介绍下如何实现,相邻div、一个跟着另一个自适应高度,具体代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助。

电脑学习网本文为大家详细介绍“如何实现,相邻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>

发表评论 共有条评论
验证码: