Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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?[JSFiddle]_Css_Html - Fatal编程技术网

如何将此CSS规则用于div?[JSFiddle]

如何将此CSS规则用于div?[JSFiddle],css,html,Css,Html,我想让主体分区占据右边的空间。此外,文本不应离开mainBody div 我在正确的轨道上吗?虽然您不需要将#mainBody的宽度设置为固定值,但您看起来确实在正确的轨道上。如果将固定200px的宽度设置更改为100%,则主体div将占用右侧可用的任何空间 看看这个叉子。根据你的问题,不完全确定这是否是你想要的(有点模糊),但希望这很接近: 但当我将宽度设置为100%时,它会进入其他两个分区并填充容器分区。我希望它与其他两个分区保持在同一位置并向右延伸。很抱歉,我误解了您的要求。请参阅此链接:

我想让主体分区占据右边的空间。此外,文本不应离开mainBody div


我在正确的轨道上吗?

虽然您不需要将
#mainBody
的宽度设置为固定值,但您看起来确实在正确的轨道上。如果将固定
200px
的宽度设置更改为
100%
,则主体div将占用右侧可用的任何空间

看看这个叉子。根据你的问题,不完全确定这是否是你想要的(有点模糊),但希望这很接近:


但当我将宽度设置为100%时,它会进入其他两个分区并填充容器分区。我希望它与其他两个分区保持在同一位置并向右延伸。很抱歉,我误解了您的要求。请参阅此链接:将所有内部div更改为使用百分比宽度而不是固定宽度可以使它们增长到可用的全部空间。