手机
当前位置:查字典教程网 >网页设计 > 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 ul li 嵌套后如何解决增加多个li后DIV高度自适应问题

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

CSS布局实例:上中下三行,中间自适应

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

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

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

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

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

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

CSS如何给一个绝对定位的元素设定自适应宽度

精品推荐
分类导航