让div左右对齐自适应高度的网页特效(常看)

简介:



原文:http://www.360doc.com/content/13/0723/09/8445249_301885130.shtml

<!DOCTYPE HTML >
<html>

	<head>
		<meta charset="utf-8">
	
		<style type="text/css">
			.box { border:1px solid #006699; width:500px; overflow: hidden; }
			.box .left { float:left; width:30%; background:red; padding-bottom:3000px; margin-bottom:-3000px; }
			.box .right { float:right; width:70%; background:green; padding-bottom:3000px; margin-bottom:-3000px; }
		</style>
	</head>

	<body>
		
		<div class="box">
			<div class="left">
				 <h1>wo</h1> <h1>wo</h1> <h1>wo</h1>
			</div>
			<div class="right">
				 <h1>wo</h1>
			</div>
		</div>
	</body>

</html>


目录
相关文章
|
5月前
|
前端开发
css 巧用 ::after 和 ::before 实现竖排分类导航
css 巧用 ::after 和 ::before 实现竖排分类导航
50 1
|
前端开发
【CSS】解决图片和盒子底部产生的缝隙问题
【CSS】解决图片和盒子底部产生的缝隙问题
|
前端开发
使用css样式淡化body背景图片的实现方法
使用css样式淡化body背景图片的实现方法
108 0
|
前端开发 数据可视化
漏刻有时数据大屏CSS样式表成长教程(1)CSS绝对定位时水平居中的写法
漏刻有时数据大屏CSS样式表成长教程(1)CSS绝对定位时水平居中的写法
68 0
|
Rust 前端开发 JavaScript
CSS十问之元素居中
水平居中 垂直居中 水平&垂直居中
266 0
|
前端开发 JavaScript
div在网页中四周留个等宽“包边”的办法
div在网页中四周留个等宽“包边”的办法
76 0
div在网页中四周留个等宽“包边”的办法
|
前端开发 JavaScript
div在网页四周留个等宽“包边”的办法
div在网页四周留个等宽“包边”的办法
94 0
div在网页四周留个等宽“包边”的办法
|
前端开发
css 实现文字自动换行切同行元素高度自适应
1.实现div行内布局所有行跟随最大高度自适应 html代码样例: 1 2 3 所在部门 4 5 6 7 @ViewBag.decideDetail.departName 8 9 岗位 10 11 @ViewBag.
1605 0
css 实现文字自动换行切同行元素高度自适应
|
前端开发 JavaScript
前端实践小项目——表格隔行换色与秒表(含有源代码)
准备表格:表头(thead)和表体(tbody) 绑定事件:加载事件 onload() 获取元素:获取表格 document.getElementById() 获取行的长度:表体中tr的数量len 遍历:for 判断:判断奇偶行 设置背景颜色:css
171 0
前端实践小项目——表格隔行换色与秒表(含有源代码)
|
前端开发 .NET 开发框架
【技术贴】DropDownList的css颜色样式修改
DropDownList的颜色样式修改DropDownList的颜色样式修改---------------- 以下是css页,定义了一个叫text的class.text{ border-right: #0099cc 1px groove; border-top: 1px solid #009...
1015 0