手机
当前位置:查字典教程网 >网页设计 > 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实现一个跟着另一个自适应高度示例代码】相关文章:

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

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

有关首行首字下沉的实现原理及代码

让多个div在同一行显示的样式及html代码

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

DIV点击折叠实例代码

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

用CSS实现简单的进度条

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

通过css加载远程字体示例代码

精品推荐
分类导航