Html 为什么页面的两个红色区域之间的边距很小？
如下图所示，两个红色区域之间的间隙很小 我已经将所有的边距和填充设置为零，但它仍然在两者之间提供4倍（我认为）的边距。。我想知道为什么会出现这种情况。。。Html 为什么页面的两个红色区域之间的边距很小？,html,css,Html,Css,如下图所示，两个红色区域之间的间隙很小 我已经将所有的边距和填充设置为零，但它仍然在两者之间提供4倍（我认为）的边距。。我想知道为什么会出现这种情况。。。 两个红色区域向左浮动并显示为内联块 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>learning...</title> <link href="StyleSh
两个红色区域向左浮动并显示为内联块
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>learning...</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="_body">
<div id="_header">
<img src="images/header_index.jpg"/>
<br />
<h3> this is just a view of uttrakhand from a camera come here and explore the whole beauty...</h3>
</div>
<div id="_navigation">
<ul>
<li><a href="HtmlPage.html">Destinations</a></li>
<li><a href="HtmlPage.html">Culture</a></li>
<li><a href="HtmlPage.html">Adventure</a></li>
<li><a href="HtmlPage.html">Hotels</a></li>
<li><a href="HtmlPage.html">Wild Life</a></li>
<li><a href="HtmlPage.html">History</a></li>
<li><a href="HtmlPage.html">About</a></li>
</ul>
</div>
<div id="_left">
this is left region of the page..
</div>
<div id="_content">
this is content region of the page
</div>
<p id="background-viewer">..</p>
</div>
<pre>this is something written inside pre<a></a></pre>
<script src="JavaScript.js"></script>
</body>
</html>
javascript文件没有任何内容，所以我没有把它放在这里…一个好主意是使用google chrome或firefox来检查您想了解更多的元素。只需右键单击红色块，检查元素。然后，这将向您展示适用于元素的css，包括从其他元素继承的任何css。您可以通过在inspector中编辑css代码或编辑inspector也提供的样式表来对备选方案进行实时测试 好的，试试看
<div id="_left">
this is left region of the page..
</div>
<div id="_content">
this is content region of the page
</div>
下面是提琴：一个好主意是使用google chrome或firefox来检查您想了解更多的元素。只需右键单击红色块，检查元素。然后，这将向您展示适用于元素的css，包括从其他元素继承的任何css。您可以通过在inspector中编辑css代码或编辑inspector也提供的样式表来对备选方案进行实时测试 好的，试试看
<div id="_left">
this is left region of the page..
</div>
<div id="_content">
this is content region of the page
</div>
这里是fiddle:您的div被合并到一个内联格式化上下文中，并且由html文档中的新行生成一个空格
<div id="_left">
this is left region of the page..
</div><div id="_content">
this is content region of the page
</div>
这是页面的左侧区域。。
这是页面的内容区域
这是页面的左侧区域。。
这是页面的内容区域
<div id="_left">
this is left region of the page..
</div><div id="_content">
this is content region of the page
</div>
这是页面的左侧区域。。
这是页面的内容区域
这是页面的左侧区域。。
这是页面的内容区域