手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >相邻div实现一个跟着另一个自适应高度示例代码
相邻div实现一个跟着另一个自适应高度示例代码
摘要:newdocument.wrap{border:1pxsolid#006699;width:500px;overflow:hidden;}....

<!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>

<div>

<p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p>

</div>

<div>

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>

【相邻div实现一个跟着另一个自适应高度示例代码】相关文章:

实现CSS3中的border-radius(边框圆角)示例代码

div中内容上下居中小结教程

DIV+CSS:网页一行两列背景自适应

固定宽高且DIV绝对居实现思路及示例

CSS相框效果示例代码

兼容FIREFOX下背景层的自适应高度

利用CSS3实现毛玻璃效果示例源码

用css实现十字的布局示例代码

巧用CSS来控制div自适应浏览器的高度

多步骤进度条的实现原理及代码

精品推荐
分类导航