【问题标题】:How do i change the size of the different parts of the layout如何更改布局不同部分的大小
【发布时间】:2009-09-16 04:26:05
【问题描述】:

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

这完全像它应该的那样工作,我希望它能够工作,但我无法更改右栏和左“栏”的大小(我想让它们都更小)。我一直在尝试改变价值观以期理解,但 CSS 对我来说仍然很神奇。

有人能告诉我实际控制这个的值是什么吗? 如果有人能解释为什么改变 XX 实际上会改变大小,那也很好。

【问题讨论】:

  • 要缩小两个条的宽度吗?
  • 纠正右侧和左侧栏太宽。我在这里还提到了其他问题(VS.net 不理解这种布局),所以当我有时间时,我可能会建议 roosteronacid。

标签: css html


【解决方案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 - tutorialnet tuts+

【讨论】:

  • 您的建议有效,甚至可以在 VS.net 中正确显示。但遗憾的是它有一个固定的大小,这很烦人。我看看我是否可以解决这个问题(或者也许有一种方法可以根据结果设置不同的一次)。
【解决方案2】:

提供的示例 roosteronacid 运行良好,并且在 Visual Studio 中运行。但是它使用了锁定的尺寸,你必须以特定的分辨率为目标。我个人讨厌这种情况发生,没有什么比网站占用我 25% 的屏幕更烦人的了(很可能我可以使用该框架来做我想做的事,但我没有这方面的技能)。

我找到了另一个解决方案 here,它既有效,又可以根据我的意愿进行扩展(也适用于旧浏览器)。

【讨论】:

    【解决方案3】:

    如果你想改变一个元素的大小,你也必须操纵它的子元素。如果没有子控件,则可以使用 width 和 height 属性来控制元素的大小。

    更多详情请阅读本文

    Visual formatting model details

    【讨论】:

      【解决方案4】:

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

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

      只要付出一些努力,您就可以在几天或一两周内取得长足进步。

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

      相反,您应该询问有关获得 CSS 的基础和基础知识的问题,以便学习它们。将来将其应用于任何框架将是容易的部分。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-07-08
        相关资源
        最近更新 更多