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

标签 html css

我在 http://matthewjamestaylor.com 找到了这个包含不同布局示例的很棒的网站

特别是这个:link text

(查看完整 CSS 和标记的源代码)

我只是在学习 css,找不到在哪里可以修改边距的宽度(左列和中间列)

此布局中的每个值都与另一个值相连,因此如果我在一个地方更改,它会更改其他地方。

最佳答案

第一步:安装Firebug适用于 Firefox。

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

例如,尝试以下更改:

.colright { left: 300px; }

.col2 { right: 250px; }

这会改变边栏的宽度,但不会改变它的文本宽度(因此文本看起来有更大的边距)。

关于html - 需要一些帮助来理解现有的 CSS 布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/992888/

相关文章:

c# - WPF中如何获取webbrowser控件输入框的值?

asp.net - 静态宽度 DIV 旁边的动态宽度 DIV

css - Primefaces p :tabMenu align p:menuitem to right

html - 表行按部分划分

javascript - 创建 HTML5 钢琴卷帘编辑器

javascript - Jquery附加html奇怪的行为

javascript - 同位素 jquery 加载缓慢...为什么?

html - 图像映射中断 :hover

html - 防止图像与表格边框重叠?

html - 处理html和css中的链接