1

作为 CSS 新手，我在 stackoverflow 上查看过有关此问题的类似帖子，但似乎没有一个解决方案对我的网站有帮助。

我正在使用该站点的模板并尝试编辑 CSS 以使页面保持一个宽度，并且在调整窗口大小时不会移动它的元素。

可以在此处找到示例页面：（已删除客户端链接）

内容包含在当前设置为相对位置的包装器中：

#page_wrapper 
{
    position: relative;
}

我试图将其更改为：

#page_wrapper 
{
min-width: 960px;
}

不过，这似乎并没有奏效。当我调整窗口大小时，一切仍然发生变化。有什么想法我还需要改变吗？

4

3 回答 3

1

您的网站正在使用 Twitter Bootstrap：twitter.github.com/bootstrap/

做你想做的事并不是一个完全简单的过程，但一个起点是这个页面：

http://twitter.github.com/bootstrap/customize.html

在那里您可以取消选中“响应式”复选框并将网格系统元素更改为您想要的任何内容。然而，最好让它们保持原样。

然后下载 css 文件并替换您网站上的文件，看看是否有帮助（确保先备份当前文件）。

于 2013-01-30T14:12:38.823 回答
1

这里发生了一些事情：

  1. 导航float: right在某处。这意味着当它的宽度加上它旁边的任何东西的宽度比它的容器宽时，它会发生变化以适应它。
  2. 您的最小宽度太窄如果您的最小宽度为 960 像素，但导航的宽度加上徽标的宽度（并排放置的两个元素），加上任何边距、填充和边框，加起来超过 960 像素，那么它就不会排队。您需要调整最小宽度，或调整元素的计算宽度以适应该 960 像素的最小值。这可以通过缩小边距/填充、减小文本大小、设置显式宽度或它们的任何组合来完成。
于 2013-01-30T14:15:06.827 回答
0

您的元素可能正在四处移动，因为您将它们放在同一个

标签，所以如果你想让你的元素保持它们的位置，你需要使用不同的

对于每个元素，并将它们与您的偏好对齐，可能在 css 或标签内（这取决于您）。否则，如果您遵循相同的过程，则在 div 标签中

对于每个元素，您应该没有任何问题。这也适用于句子......你需要让句子中的每个单词都在个人之间

于 2016-05-03T07:09:09.353 回答