需要一些帮助来理解现有的CSS布局

Question

我在http://matthewjamestaylor.com找到了这个不同布局示例的精彩网站

特别是这一个:链接文本

(查看完整css和标记的来源)

我只是在学习CSS而无法找到哪里可以修改边距的宽度(左边和中间列)

此布局中的每个值都与另一个值相关联,因此如果我在一个位置更改它会更改其他位置.

Answer 1

第一步:安装Firebug for Firefox.

您需要更改三个连接值:width和right侧边栏(.col2)以及left中间列(.colright)的值.

例如,尝试以下更改:

.colright { left: 300px; }

.col2 { right: 250px; }

这会更改侧边栏的宽度,但不会更改文本宽度(因此文本的边距会更大).