有人可以查看我的新网站正在进行的测试页的以下链接 - http://goo.gl/YwGiB
我是CSS的新手，我遇到了一些在没有专家帮助的情况下无法弄清楚的问题。有人可以回答我三个问题，并可能解释如何修改它吗？
1）为什么默认情况下我的中间栏会将自己分成几个部分，而我的右栏几乎相同，但没有分区？我该怎么做才能使其在右栏中默认？
2）我希望右栏中的一个方框与中间一栏中标题为“新闻”的第一个框平行，然后在第二个框下面并行运行（标题为“博客”的框，但它将会有不规则的长度。最好的方法是什么？这是使用标准定位命令将它们移动到位还是有更好的方法？
3）我从h1-h3标签（特别是h2标签）上剥去了填充和边距，但字体上方仍然有空格。当使用将成为最终字体的字体MerceariaAntique时更加明显，但遗憾的是我无法修改我的html文件以立即显示。我试图通过调整行高来解决它，但我没有得到任何一致性。除了进行行高和边距调整之外，还有什么我可以做的吗？
提前致谢
答案 0 :(得分：1)
首先，在您的标记中，您使用<div>元素划分了部分，这是完全可以接受的，但是您使用相同的ID来标识每个部分。这就是课程的用途。 ID应该是唯一的，并且只在页面上使用一次，类可以用于将相同的样式应用于多个元素。
所以这个：
<div id="newsitem">
应该是这样的：
<div class="newsitem">
现在回答你的实际问题！
默认情况下，段落和标题设置了填充和边距。您的部分有空格的原因是在段落标记的边缘。删除它会删除空格，但也会将文本与下一个标题一起显示。你可以通过赋予<p>标签0边距并给它们填充，或者给部分容器添加填充来实现这一点。
如果您希望右侧列中的框与中间列中的框对齐，则必须更改布局的工作方式，以便您拥有行而不是列。这样可以更容易排列它们。
根据您的描述，您应该具有以下布局：
中栏|右栏
中间栏|右栏
中栏
要保持中心列的背景颜色，可以将background-color属性应用于类.centre或更具体的.column.centre（这种类型的CSS选择器可能在IE6中不起作用）。< / p>
H2的问题是行高，每个字体可能有不同的行高，因此您必须使用该值才能正确使用。如果您发现自己的顶部位置正确，但下方的文字越来越近或重叠，请给H2一个填充底部值。
答案 1 :(得分：0)
我看到你正在使用h2和h3，但我找不到你提到的h1。我会从你的css中删除“line-height”选项，以防止错误/不正确的间距。
要运行div的并行，你需要在两个div（左侧和右侧）上具有相同的填充和边距。为此，只需创建一个浮动到左侧的类“floatingColumn”，并将其附加到具有所有边距和填充的两个div。