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

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

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

CSS3 实用技巧:实现黑白图像效果示例代码

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

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

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

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

Iframe高度自适应代码

大图片根据分辨率自适应宽度仍居中显示

CSS相框效果示例代码

精品推荐
分类导航