HTML5 & CSS3 响应式网站设计边距问题答案

【问题标题】：HTML5 & CSS3 responsive website design margin issueHTML5 & CSS3 响应式网站设计边距问题
【发布时间】：2015-05-15 22:58:25
【问题描述】：

请查看我的代码上的here。我正在尝试制作一个响应式网页，但第一篇文章栏的顶部和底部有奇怪的边距。我说的是顶部导航和内容列之间以及页脚和内容列之间的边距，我只是为右列设置了 10px 边距，如下所示。

.content {
width: 69%;
float: left;
margin:0;
padding:0 10px 0 0;

}

我是网页设计的新手，我不知道我在这里做错了什么。请帮帮我

【问题讨论】：

【解决方案1】：

使用

.topcontent{
   display: inline-block;
}

应该可以解决你的问题。

【讨论】：

【解决方案2】：

您正在体验页边距折叠在一起的方式。将H2 标记上的top-margin 设置为0，将最后一段上的bottom-margin 设置为0。然后要恢复空白，请在article 元素中添加顶部和底部填充。

【讨论】：

上边距和下边距。我的只是一种解决方法。