左侧固定右侧自适应两栏布局

froshloveC

于 2011-09-15 11:01:32 发布

阅读量121

点赞数

分类专栏： DIV+CSS

DIV+CSS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<style>
div{
	height:300px;
}
#demo1{
	padding-left:300px;
	background-color:black;
}
#fix-demo1{
	margin-left:-300px;
	width:300px;
	background-color:red;
	float:left;
	_margin-left:-150px;
}
#auto-width1{
	width:100%;
	background-color:yellow;
	float:left;
}
</style>
</head>
<body>
<div id="demo1">
	<div id="fix-demo1">
		my width is fixed 300
	</div>
	<div id="auto-width1">
		my width is auto
	</div>
</div>
</body>
</html>