Html 保持中间1024px和拉伸侧栏以填充页面?
我如何拉伸侧凹以填充页面Html 保持中间1024px和拉伸侧栏以填充页面?,html,css,Html,Css,我如何拉伸侧凹以填充页面 #页面\正文\表格{ 显示:表格; 宽度:100%; 垂直对齐:居中; } #页面\正文\左{ 显示:表格单元格; 最大宽度:100%; 边框:1px纯黑; } #页面\正文\中间{ 显示:表格单元格; 最大宽度:1024px; 边框:1px纯黑; } #页面\正文\右侧{ 显示:表格单元格; 最大宽度:100%; 边框:1px纯黑; } @媒体屏幕和屏幕(最大宽度:675px){ #页眉左,页眉右{ 显示:无; } } 左边 这是页面的内容 正确的 如果你想让d
#页面\正文\表格{
显示:表格;
宽度:100%;
垂直对齐:居中;
}
#页面\正文\左{
显示:表格单元格;
最大宽度:100%;
边框:1px纯黑;
}
#页面\正文\中间{
显示:表格单元格;
最大宽度:1024px;
边框:1px纯黑;
}
#页面\正文\右侧{
显示:表格单元格;
最大宽度:100%;
边框:1px纯黑;
}
@媒体屏幕和屏幕(最大宽度:675px){
#页眉左,页眉右{
显示:无;
}
}
左边
这是页面的内容
正确的
如果你想让div居中,你必须这样做:
.center-div {
Margin: 0 auto 0 auto;
Width: 500px; for example
}
你不必在侧面加上div。去掉所有的
最大宽度。将中间div设置为width:1024px
,使侧面div没有任何width
。只要包装器divwidth:100%,它们将自动适合代码>
要使显示:表格单元格
工作,必须将显示:表格
放在其父单元格中
在您的情况下,将display:table
添加到#page(u body
@Vucko:我想作者想要的是宽度:1024px
,而不是最大宽度:1024px
中间。将display:table
添加到#page(body
。另外,将您的
保存在
@Vucko中,是的。只需将中心div上的最大宽度更改为单独的宽度。@Vuco,回答,你明白了。我需要中心div两侧的div。中心div必须是静态宽度,其中两侧必须灵活。左和右div使浮动:左和浮动:右。
.center-div {
Margin: 0 auto 0 auto;
Width: 500px; for example
}