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

div内table居中实现代码

CSS3制作ajax loader icon实现思路及代码

IE6定义1px左右高度的容器示例代码

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

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

css sprite原理优缺点及使用示例介绍

CSS让段落开头自动空两格代码

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

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

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

精品推荐
分类导航