css - 如何删除CSS中div之间的空白区域?

标签 css html

我正在构建一个非常简单的网站,以使用基本的 HTML 和 CSS 刷新 self 。我正在使用 Dreamweaver CS6。我希望以“正确”的方式学习各个方面。我认为我可以使用边距将 div 移动到我想要的位置(向上或向下),但我不确定这是否是实现它的正确方法。

这是一个例子。我截图了。

http://i.imgur.com/YyYpfcz.png

header 和容器 div 的顶部之间有间隙。内容 div 与页眉和页脚 div 之间存在间隙。

如何使这些 div 彼此齐平以消除间隙?谢谢!

注意:我已经研究了本网站上与此类似的所有其他问题,但没有一个是完全正确的,他们的答案也没有以最基本的形式解决这个问题。

编辑:得到一堆不同的答案,每个人都说他们的方式是正确的。这让我很困惑。而且我没有得到他们最初发布的每一个帖子的答案。我很好奇为什么这些 div 在默认情况下不相互齐平。稍后我将在站点中创建更多的 div。如果我不明白为什么你的方法有效,我将无法在网站上的更多 div 上实现它。谢谢!

最佳答案

不完全确定您在寻找什么。你仍然需要玩弄东西,obvs。但是看看这对你来说是否是一个好的开始。我添加了 background color 来显示这些部分。您可以删除。

http://jsfiddle.net/NbP4x/1/

这里有一个关于使用 Dreamweaver 制作您的第一个网站的很好的教程。从这里开始,伙计。 :) http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html

关于css - 如何删除CSS中div之间的空白区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19992715/

相关文章:

html - 我无法让我的 table 响应

html - 哪些 CSS 规则适用于我在导航栏中的下拉菜单?资源检查员似乎没有帮助

html - 对齐元素 HTML/CSS float 或显示 : inline-block

javascript - 如何标记选中的元素?

javascript - 如何根据值在页面加载时展开可折叠菜单的特定部分

javascript - 覆盖段落button.onclick()

html - 背景位置属性无法使图像居中

css - :before in tables vs divs的绝对定位

javascript - 如何在 textarea 中动态应用嵌套的基本语言?

jquery - 将侧边栏高度设置为与滚动内容相等