相邻div实现一个跟着另一个自适应高度示例代码
导读:收集整理的这篇文章主要介绍了相邻div实现一个跟着另一个自适应高度示例代码,觉得挺不错的,现在分享给大家,也给大家做个参考。 复制代码代码如下: <!DOCTYPE HTML PubLIC "-//W3C//DTD HTML...
收集整理的这篇文章主要介绍了相邻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>
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 相邻div实现一个跟着另一个自适应高度示例代码
本文地址: https://pptw.com/jishu/584869.html