5个回答
展开全部
<div>
<div class="left"></div><!--左边层，浮动，靠左(float:left)-->
<div class="right"></div><!--右边层，浮动，靠右(float:right)通常宽度由直接固定，如果要动态，可以考虑用Js计算-->
<div class="clear"></div><!--空层，清除浮动-->
</div>
<div class="left"></div><!--左边层，浮动，靠左(float:left)-->
<div class="right"></div><!--右边层，浮动，靠右(float:right)通常宽度由直接固定，如果要动态，可以考虑用Js计算-->
<div class="clear"></div><!--空层，清除浮动-->
</div>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> </title>
<style type="text/css">
#container{padding:1px;border:1px solid #faf;}
#left{float:left;width:100px;height:100px;border: 1px solid green;}
#right{border:1px solid silver;height:100px;margin-left:103px;}
</style>
</head>
<body>
<div id="container" class="box">
<div id="left">left</div>
<div id="right">right</div>
</div>
</body>
</html>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> </title>
<style type="text/css">
#container{padding:1px;border:1px solid #faf;}
#left{float:left;width:100px;height:100px;border: 1px solid green;}
#right{border:1px solid silver;height:100px;margin-left:103px;}
</style>
</head>
<body>
<div id="container" class="box">
<div id="left">left</div>
<div id="right">right</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<style type="text/css">
html, body
.wrap
.fixed
.main
.main-inner
</style>
</head>
<body>
<div class="wrap">
<div class="main">
<div class="main-inner">
test
</div>
</div>
<div class="fixed">a</div>
</div>
</body>
</html>
-------
html和body的高度设置为100%, 这样才能让div#wrap的高度生效.
若要将左侧高度固定,将.fixed的height设置为固定值就行了.
<html xmlns="">
<head>
<style type="text/css">
html, body
.wrap
.fixed
.main
.main-inner
</style>
</head>
<body>
<div class="wrap">
<div class="main">
<div class="main-inner">
test
</div>
</div>
<div class="fixed">a</div>
</div>
</body>
</html>
-------
html和body的高度设置为100%, 这样才能让div#wrap的高度生效.
若要将左侧高度固定,将.fixed的height设置为固定值就行了.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你就算那个最大的DIV的宽度减去左边的固定宽度。右边的宽度就出来了
要是有边框的话。建议去除2个像素比
要是有边框的话。建议去除2个像素比
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
两个DIV全加float：left样式
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
