相邻div实现一个跟着另一个自适应高度示例代码
来源:互联网 发布:手机动作特效软件 编辑:程序博客网 时间:2024/05/18 00:06
方法一:
<!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 class="wrap"><div class="left"><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p></div><div class="right">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>
方法二:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>#main{width:300px;position:relative;}#div1{width:140px;border-right:1px solid #ccc;}#div2{width:140px;border:1px solid #ccc;height:100%;right:0px;top:0px;position:absolute;} </style></head><body><div id="main"> <div id="div1">111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>222<br/>222<br/>222<br/>222</div> <div id="div2">2222</div> </div></body></html>
0 0
- 相邻div实现一个跟着另一个自适应高度示例代码
- 有一个高度自适应的div,里面有两个div,一个高度100px,希望另一个填满剩下的高度。
- script 实现一个层的高度随另一个层的高度而变化(div)
- 一个CSS+div高度自适应布局模型
- 实现父div 高度 随 子div高度自适应
- css+div+图片实现高度自适应圆角框
- div自适应宽度和高度实现
- div模拟实现textarea(高度自适应)
- js实现高度自适应的两个div高度相等
- div设置float后,实现父div高度自适应
- DIV自适应高度
- DIV自适应高度解决办法
- div 自适应高度
- 高度自适应div
- div css高度自适应
- div+css自适应高度
- DIV高度自适应窗口
- div并排 自适应高度
- HDU 1272 小希的迷宫 并查集
- Undefined Reference to Typeinfo
- VBA 里如何正确显示日语
- A*寻路算法C++简单实现
- 定时任务会重复执行俩次的解决方法
- 相邻div实现一个跟着另一个自适应高度示例代码
- 定时任务会重复执行俩次的解决方法
- Python3.4网页爬虫,提取图片
- 定时任务会重复执行俩次的解决方法
- LeetCode-4
- 定时任务会重复执行俩次的解决方法
- 【框架-MFC】MFC 在捕获控件外(窗口外)鼠标事件
- 定时任务会重复执行俩次的解决方法
- windows 64位机器安装python机器学习环境scikit_learn