css div 最大化 body{position:absolute;bottom:0;left:0;right:0; top:0;}，就ie6不行 10
body{position:absolute;bottom:0;left:0;right:0;top:0;}div{width:150px;height:100%;}要使...
body{position:absolute;bottom:0;left:0;right:0; top:0;}
div{width:150px;height:100%;}要使它成功 展开
div{width:150px;height:100%;}要使它成功 展开
展开全部
三个办法：
1.html上面不加xhml声明，直接就是以<html>开始，就是不要下面这段：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN........略去n字
2.如果介意上那个方法不标准，你需要声明xhtml的话，那你就先给body定义个高100%
3.用js或其他编程语言来判断输出高度
qy40pl小白，直接打表格了人家还用问你！
1.html上面不加xhml声明，直接就是以<html>开始，就是不要下面这段：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN........略去n字
2.如果介意上那个方法不标准，你需要声明xhtml的话，那你就先给body定义个高100%
3.用js或其他编程语言来判断输出高度
qy40pl小白，直接打表格了人家还用问你！
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你是不是要实现左右同高。
要采用容器“正内补丁(列的正内补丁)”和“负外补丁(列的负底边界)”结合的方法来解决列高度相同的问题。
要采用容器“正内补丁(列的正内补丁)”和“负外补丁(列的负底边界)”结合的方法来解决列高度相同的问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的意思是不是body没有扩展到最大？margin和padding这两个属性都设为0px吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
margin:0 padding:0 这是前提
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
幕，自适应分辨率的吧！
~OK，好吧！
上面回答的都没用，不带那样玩的~我经常做这个！有点小复杂，全用DIV中间内容部分IE7不行，所以得用TABLE内嵌！
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>自适应</title>
<style type="text/css">
html
body
/*lay
--------------*/
#content{
position:absolute;
overflow:hidden;
z-index:3;
top:106px;
left:0;
width:100%;
bottom:28px;
bottom:28px\9;
background:#ddd;
}
*html #content {
top:0;
height:100%;
max-height:100%;
width:100%;
overflow:hidden;
position:absolute;
z-index:3;
border-top:106px solid #fff;
border-bottom:28px solid #fff;
}
#header{
position:absolute;
margin:0;
top:0;
left:0;
display:block;
width:100%;
height:106px;
line-height:106px;
background:#333;
z-index:5;
overflow:hidden;
color:#fff;
text-align:center;
}
#footer{
position:absolute;
margin:0;
bottom:0;
left:0;
display:block;
width:100%;
height:28px;
line-height:28px;
text-align:center;
z-index:5;
overflow:hidden;
color:#fff;
background:#333;
}
/*中间表格*/
.main_tab{
width:100%;
height:100%;
}
.main_tab td{
padding:0px;
margin:0px;
vertical-align:top;
height:100%;
max-height:100%;
}
.main_tab td.td_left{
width:181px;
background:#00CCFF;
}
.main_tab td.td_close{
padding:0px;
width:8px;
vertical-align:middle;
background:#ff0000;
font-size:12px;
overflow:hidden;
}
</style>
</head>
<body>
<div id="header"><h1>顶部</h1></div>
<div id="content">
<table cellpadding="0" cellpadding="0" border="0" class="main_tab">
<tr>
<td class="td_left">
<div class="menu_column">
<div class="title"></div>
<div class="menu_con">
<div class="lef_nav">
左边
</div>
</div>
</div> <!--左边菜单 end-->
</td>
<td class="td_close">▶</td>
<td>
内容<br />兼容IE6、7、8，火狐，谷歌！
</td>
</tr>
</table>
</div>
<div id="footer">底部</div>
</body>
</html>
~OK，好吧！
上面回答的都没用，不带那样玩的~我经常做这个！有点小复杂，全用DIV中间内容部分IE7不行，所以得用TABLE内嵌！
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>自适应</title>
<style type="text/css">
html
body
/*lay
--------------*/
#content{
position:absolute;
overflow:hidden;
z-index:3;
top:106px;
left:0;
width:100%;
bottom:28px;
bottom:28px\9;
background:#ddd;
}
*html #content {
top:0;
height:100%;
max-height:100%;
width:100%;
overflow:hidden;
position:absolute;
z-index:3;
border-top:106px solid #fff;
border-bottom:28px solid #fff;
}
#header{
position:absolute;
margin:0;
top:0;
left:0;
display:block;
width:100%;
height:106px;
line-height:106px;
background:#333;
z-index:5;
overflow:hidden;
color:#fff;
text-align:center;
}
#footer{
position:absolute;
margin:0;
bottom:0;
left:0;
display:block;
width:100%;
height:28px;
line-height:28px;
text-align:center;
z-index:5;
overflow:hidden;
color:#fff;
background:#333;
}
/*中间表格*/
.main_tab{
width:100%;
height:100%;
}
.main_tab td{
padding:0px;
margin:0px;
vertical-align:top;
height:100%;
max-height:100%;
}
.main_tab td.td_left{
width:181px;
background:#00CCFF;
}
.main_tab td.td_close{
padding:0px;
width:8px;
vertical-align:middle;
background:#ff0000;
font-size:12px;
overflow:hidden;
}
</style>
</head>
<body>
<div id="header"><h1>顶部</h1></div>
<div id="content">
<table cellpadding="0" cellpadding="0" border="0" class="main_tab">
<tr>
<td class="td_left">
<div class="menu_column">
<div class="title"></div>
<div class="menu_con">
<div class="lef_nav">
左边
</div>
</div>
</div> <!--左边菜单 end-->
</td>
<td class="td_close">▶</td>
<td>
内容<br />兼容IE6、7、8，火狐，谷歌！
</td>
</tr>
</table>
</div>
<div id="footer">底部</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
