如何删除CSS中div之间的空白？
我正在建立一个非常简单的网站，用基本的HTML和CSS刷新自己。我正在使用Dreamweaver CS6。我希望以“正确”的方式学习每一个方面。我认为我可以利用利润率将div移动到我想要的位置（向上或向下），但我不确定这是否是实现这一目标的正确方法 这里有一个例子。我拍了一张截图 页眉和容器div顶部之间存在间隙。内容div和页眉和页脚div之间存在间隙 如何使这些div彼此齐平以消除间隙？谢谢 注意：我在这个网站上研究了所有其他类似的问题，但没有一个是完全这样的，他们的答案也没有以最基本的形式解决这个问题如何删除CSS中div之间的空白？,css,html,Css,Html,我正在建立一个非常简单的网站，用基本的HTML和CSS刷新自己。我正在使用Dreamweaver CS6。我希望以“正确”的方式学习每一个方面。我认为我可以利用利润率将div移动到我想要的位置（向上或向下），但我不确定这是否是实现这一目标的正确方法 这里有一个例子。我拍了一张截图 页眉和容器div顶部之间存在间隙。内容div和页眉和页脚div之间存在间隙 如何使这些div彼此齐平以消除间隙？谢谢 注意：我在这个网站上研究了所有其他类似的问题，但没有一个是完全这样的，他们的答案也没有以最基本的形
编辑：得到了很多不同的答案，每个人都说他们的方式是正确的。这让我很困惑。我没有得到他们最初发布的每一篇文章的答案。我很好奇为什么这些div在默认情况下不是彼此齐平的。稍后我将在站点中创建更多div。如果我不明白你的方法为什么有效，我将无法在网站上更多的div上实现它。谢谢 看起来这是一个线条高度问题，而不是div之间的空间问题。尝试向div添加边框，看看它们是否接触 div{ 边框：1px纯黑；
}看起来这是一个线条高度问题，而不是div之间的空间问题。尝试向div添加边框，看看它们是否接触 div{ 边框：1px纯黑；
}我认为这是“p”的特征，尝试删除div内容中的“p”，我认为可以删除间隙。我认为这是“p”的特征，尝试删除div内容中的“p”，我认为可以删除间隙。因为有默认样式，您使用
h1{margin: 0px;padding: 0px;}
*{margin: 0px;padding: 0px;}
有关更多详细信息：）这是因为有默认样式，所以您使用
h1{margin: 0px;padding: 0px;}
*{margin: 0px;padding: 0px;}
有关更多详细信息：）不完全确定您在寻找什么。你仍然需要玩弄东西，OBV。但是看看这对你来说是不是一个好的开始。我添加了背景色来显示各个部分。您可以删除 这里有一个很好的教程，介绍如何使用Dreamweaver创建您的第一个网站。从这里开始，伙计。：）
不完全确定你在找什么。你仍然需要玩弄东西，OBV。但是看看这对你来说是不是一个好的开始。我添加了背景色来显示各个部分。您可以删除 这里有一个很好的教程，介绍如何使用Dreamweaver创建您的第一个网站。从这里开始，伙计。：）
是的，Eric Meyer重置是一种“正确的方法”，比使用*
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>North Carolina Golf Car Dealers</title>
<style type="text/css">
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
#container {
width: 960px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>Header goes here.</h1>
</div>
<div id="content">
<p>Content goes here</p>
</div>
<div id="footer">
<p>Footer goes here.</p>
</div>
</div>
</body>
</html>
#container {
width: 960px;
margin-right: auto;
margin-left: auto
将右边距和左边距结合起来（两种方式都有效…是的，Eric Meyer重置是实现这一点的“正确方式”之一，比使用*
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>North Carolina Golf Car Dealers</title>
<style type="text/css">
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
#container {
width: 960px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>Header goes here.</h1>
</div>
<div id="content">
<p>Content goes here</p>
</div>
<div id="footer">
<p>Footer goes here.</p>
</div>
</div>
</body>
</html>
#container {
width: 960px;
margin-right: auto;
margin-left: auto
合并右边距和左边距（两种方式都有效…这与Dreamweaver无关。请提供代码。最好通过jsFiddle。你说的同花顺是什么意思？？此外，我们无法使用Dreamweaver的“代码”视图。至少向我们展示“设计”视图。齐平：使齐平或甚至齐平。在边境处触碰。我发布的屏幕截图和图像显示了代码和设计视图。在jsfiddle中，你看不到divs本身，所以我在dreamweaver中拍摄了一个屏幕截图。但你问我时，我很快就回答了。这与Dreamweaver无关。请提供代码。最好通过jsFiddle。你说的同花顺是什么意思？？此外，我们无法使用Dreamweaver的“代码”视图。至少向我们展示“设计”视图。齐平：使齐平或甚至齐平。在边境处触碰。我发布的屏幕截图和图像显示了代码和设计视图。在jsfiddle中，你看不到divs本身，所以我在dreamweaver中拍摄了一个屏幕截图。但你问我时，我很快就回答了。事实上，加上边界确实使它们相互接触，现在已经齐平了。所以这是更好的一步，但我不想在我的div上有边界。在dreamweaver中，我链接的图像显示了div周围的虚线边框，但这只是在设计模式下。不是在直播的时候。你知道如何让它们齐平/接触而不给它们边界吗？谢谢。添加边界确实使它们接触，现在齐平了。所以这是更好的一步，但我不想在我的div上有边界。在dreamweaver中，我链接的图像显示了div周围的虚线边框，但这只是在设计模式下。不是在直播的时候。你知道如何让它们齐平/接触而不给它们边界吗？谢谢，谢谢你的回答。我将您的建议添加到我的代码*{margin:0px；padding:0px；}中，它成功了。非常感谢你的帮助。现在我已经修好了，可以工作了，你能告诉我为什么它可以工作，为什么重置默认值是你应该做的事情吗？再次感谢。就像我说的，我现在想知道正确的编程方法。养成良好的习惯。为什么对我来说很重要为所有内容设置
margin:0padding:0