Css 水平居中的内容，左侧边栏留有空间
Css 水平居中的内容，左侧边栏留有空间,css,layout,Css,Layout,如果查看上面的链接，您将看到.content水平居中，并且.side元素固定在.content的左侧。但是，如果将窗口/视口的大小调整为1024或更小，您会注意到.content（900px宽）仍然位于主体的1024px宽度限制的中心，并且.side被切断。我想要设计的是一个居中的.content，当窗口宽度为时，.side元素的.content左侧保留空间。请查看我的修订版： 这是你想要的效果吗 我只是在.side和.content div上设置了“float:left”，并增加了包装的宽度以
如果查看上面的链接，您将看到.content水平居中，并且.side元素固定在.content的左侧。但是，如果将窗口/视口的大小调整为1024或更小，您会注意到.content（900px宽）仍然位于主体的1024px宽度限制的中心，并且.side被切断。我想要设计的是一个居中的.content，当窗口宽度为时，.side元素的.content左侧保留空间。请查看我的修订版： 这是你想要的效果吗
我只是在.side和.content div上设置了“float:left”，并增加了包装的宽度以适应它们。还删除了.side div中的“position:fixed”和边距，因为浮动完成了这项工作。这是怎么回事？您使包装仅适合您的内容，然后将内容居中对齐
最后一个答案：看来要实现我的愿望，唯一的办法就是使用一点JS
我所做的只是给了body元素一个。太小的类，当窗口/视口是的时候，这不完全是。您的修订确实避免了.side被截断，但是.content没有水平居中。相反，.side和.content的组合是以中心为中心的。我只希望.content居中，.side位于.content的左边缘，同时在调整视口大小时保留.side左侧的空间。这看起来甚至不居中。我在Mac上使用Chrome浏览器。蓝色部分需要居中，黄色部分需要在蓝色部分的左侧。对不起，我看错了。我改变了上面的链接。这就是你想要的吗？也不是。黄色元素的右边缘需要与蓝色元素的左边缘齐平。我认为您需要将两个元素居中，然后偏移侧边栏边距以使主体居中。这样地？