DIV+CSS左右两列自适应高度的方法
来源:互联网 发布:高达00 知乎 编辑:程序博客网 时间:2024/05/22 14:20
<!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=gb2312" />
<title>DIV+CSS左右两列自适应高度的方法-HTMer</title>
<style type="text/css">
.main{500px;overflow:hidden;}
.left{width:100px;background-color:#0CC;margin-bottom:-9999px;padding-bottom:9999px;float:left;}
.right{width:400px;background-color:#F00;float:left;}
</style>
</head>
<body>
<div class="main">
<div class="left">左侧内容1</div>
<div class="right">右侧内容1<br />右侧内容2<br />右侧内容3</div>
</div>
</body>
</html>
说明:其实解决DIV+CSS左右两列高度自适应的方法就是要注意两点:一是在最外层加上overflow:hidden,然后在左边列加上margin-bottom:-9999px;padding-bottom:9999px;即可。
原创文章:http://www.blogbus.com/ada-life-logs/231591213.html- DIV+CSS左右两列自适应高度的方法
- DIV+CSS左右两列自适应高度
- DIV+CSS左右列高度自适应问题
- DIV+CSS左右列高度自适应问题
- div+css左右高度自适应
- 经典DIV+CSS案例--两列高度自适应
- 典型的三行两列居中高度自适应div+css布局
- CSS实现已知宽高的div垂直居中;自适应高度两列布局
- CSS左右两列自适应高
- CSS左右两列自适应高
- CSS两列自适应高度DIV(高度自动增加)兼容ie和firefox
- css实现多列高度自适应的方法
- CSS中布局div高度自适应的方法
- DIV 高度自适应的方法
- div自适应高度--左右一直
- 左右两个div高度自适应
- div css高度自适应
- div+css自适应高度
- c++ 类成员函数 作回调函数
- 2014年第五届蓝桥杯试题(C/C++本科B组)
- Parcelable混淆注意项
- Java_移位运算
- 如何在windows中安装Oracle的SQLPlus
- DIV+CSS左右两列自适应高度的方法
- XPath学习
- mysql集群搭建问题及解决方法集锦
- MFC win32区别
- Hadoop系列四:Hadoop之Hive篇
- tomcat热部署
- 关于SVM的那点破事[faruto长期更新整理]
- C# 中split的用法
- swift关于闭包