如何更改布局的不同部分的大小

Question

我使用以下布局：http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm

这是正确的工作，它应该，我希望它的工作，但我无法改变右栏的大小，并留下“栏”（我想让他们两个更高）。我一直试图改变价值观，希望理解，但CSS对我来说仍然是神奇的。

有人能告诉我实际上控制了什么价值？ 如果有人能够解释为什么改变XX将会改变大小，也会很棒。

Answer 1

我建议您实现另一个CSS框架。你正在使用的那个似乎很难修改。

我建议你看看this article，其中提到了一些广泛使用的框架，在我看来，CSS更容易理解和实现。

我听说蓝图框架很多很好。使用蓝图的Here's a list of websites。

<强>更新

Take a look at their 3-column layout tutorial

另外：here's a great - more general - tutorial在net tuts+处结束。

Answer 2

提供的示例性roosteronacid工作正常，并在Visual Studio中工作。但它使用了锁定大小，你必须以一定的分辨率为目标。我个人讨厌当这种情况发生时，没有什么比使用我的屏幕25％的网站更烦人了（它非常可能，我可以使用该框架来做我想要的，但我没有相应的技能）。

我发现了另一个解决方案here，它们都有效，并且可以扩展到我的愿望（也适用于旧浏览器）。

Answer 3

如果要更改元素的大小，还必须操纵其子元素。如果没有子控件，则可以使用width和height属性来控制元素的大小。

有关详细信息，请阅读此

Visual formatting model details

Answer 4

CSS是一个非常强大的设计系统。然而，它有自己的做事方式，对新手来说不是很直观。

好消息是学习曲线不是太陡峭。

有了一些奉献精神，你可以在几天或一两周内走很长的路。

您的问题要求快速了解更改某些元素的大小，但我认为这是错误的方法。

相反，您应该询问有关获取CSS的基础和基础知识，以便您可以学习它们。将其应用于未来的任何框架将是一件容易的事。