Html css页边距/对齐问题_Html_Css

Html css页边距/对齐问题

html css

Html css页边距/对齐问题,html,css,Html,Css,我会尽力解释这一点；）基本上，我有一个侧边栏，它浮动到左侧并具有固定位置。我计划在它后面有一个包含内容的div，但问题是，因为边栏有固定的位置，所以我希望在它后面的div（右边）出现在边栏后面。这是一个问题，因为我需要使用左边距：310px（310px是侧边栏的宽度）使另一个div出现在侧边栏之后，因此没有侧边栏的310px，而是占据了页面上剩余的100%宽度，从而导致对齐问题这很难解释，但如果你访问我的页面，你会看到白色的div，它有左边距：310px和宽度：100%里面有一个灰色的div

我会尽力解释这一点；）基本上，我有一个侧边栏

，它浮动到左侧并具有固定位置。我计划在它后面有一个包含内容的div，但问题是，因为边栏有固定的位置，所以我希望在它后面的div（右边）出现在边栏后面。这是一个问题，因为我需要使用

左边距：310px

（310px是侧边栏的宽度）使另一个div出现在侧边栏之后，因此没有侧边栏的310px，而是占据了页面上剩余的100%宽度，从而导致对齐问题

这很难解释，但如果你访问我的页面，你会看到白色的div，它有

左边距：310px和<代码>宽度：100%里面有一个灰色的div，宽度为700px和边距：0自动。我期望灰色DIV在背景中的2个图像中间对齐，但是白色DIV占用的空间比需要的多，所以不会发生。有人能提出一个解决方案吗？
也许我误解了你的问题，但是在#container
中，你可以删除宽度：100%
或将其更改为宽度：自动

问题是，它获取父容器的宽度（如果返回足够远，则获取浏览器窗口的宽度），然后添加边距。所以它是100%+310px。因此，它比您的浏览器窗口宽310px。
也许我误解了您的问题，但在#container
中，您可以删除宽度：100%
或将其更改为宽度：自动

问题是，它获取父容器的宽度（如果返回足够远，则获取浏览器窗口的宽度），然后添加边距。所以它是100%+310px。因此，它比您的浏览器窗口宽310px。
试试这个。首先，确保侧栏在脚本中位于第一位。然后，不要设置主要部分的宽度。相反，只需说display:block
。比如说：
<html>
<body>
<div style="width:310px; float:left; background:#dddddd; height:500px;"></div>
<div style="margin-left:310px; display:block; background:#ff0000; height:500px;"></div>
</body>
</html>



在上面的示例中，顶部div是侧栏，第二个div是主体部分。我只是添加了高度，以便在测试期间可以看到柱。
试试这个。首先，确保侧栏在脚本中位于第一位。然后，不要设置主要部分的宽度。相反，只需说display:block
。比如说：
<html>
<body>
<div style="width:310px; float:left; background:#dddddd; height:500px;"></div>
<div style="margin-left:310px; display:block; background:#ff0000; height:500px;"></div>
</body>
</html>



在上面的示例中，顶部div是侧栏，第二个div是主体部分。我只是添加了高度，以便在测试期间可以看到这些列。
您是否尝试添加图片？是否尝试添加图片？