Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 保持中间1024px和拉伸侧栏以填充页面?_Html_Css - Fatal编程技术网

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
。只要包装器div
width: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
 }