Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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
Css 居中流体最大宽度div左侧的填充空间_Css_Layout_Html - Fatal编程技术网

Css 居中流体最大宽度div左侧的填充空间

Css 居中流体最大宽度div左侧的填充空间,css,layout,html,Css,Layout,Html,我有一个以流体宽度为中心的div,以最大宽度为边界: #content { height: 100%; margin-left: auto; margin-right: auto; max-width: 760px; width: 80%; } 由于“最大宽度”属性,我无法填充其左右两侧的空间。即使内容div受“最大宽度”(max width)约束,如何在左侧和右侧创建流体div以填充空白空间?最好采用纯CSS方式。使用80%的最小宽度?也可以使用框大小

我有一个以流体宽度为中心的div,以最大宽度为边界:

#content {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 760px;
    width: 80%;
}

由于“最大宽度”属性,我无法填充其左右两侧的空间。即使内容div受“最大宽度”(max width)约束,如何在左侧和右侧创建流体div以填充空白空间?最好采用纯CSS方式。

使用80%的
最小宽度
?也可以使用
框大小调整
来确保百分比值按其真实值处理


此处的潜在解决方案

您想用什么填充空白?如果您只想在空白处添加背景色,您可以将此div嵌套在另一个占据100%宽度的div中,并用您的背景色填充该div。否则,请让我们知道您到底想做什么。我将在每边用一个div填充空间,每个div都有更多的内容。最大宽度:760px和宽度:80%将冲突。您希望通过此操作实现什么?我希望所有3个div随窗口流畅地调整大小,但我不希望中间的一个变大。3个div的宽度可以变小吗?当最小宽度大于最大宽度时,最大宽度不会生效。