Html 网页末尾的空白，IE和Chrome会在不同的地方显示吗？_Html_Css_Internet Explorer_Google Chrome

Html 网页末尾的空白，IE和Chrome会在不同的地方显示吗？

html css internet-explorer google-chrome

Html 网页末尾的空白，IE和Chrome会在不同的地方显示吗？,html,css,internet-explorer,google-chrome,Html,Css,Internet Explorer,Google Chrome,嘿，我之前在这里贴了一个问题：问题解决了我继续在这一页上工作，并得出以下结论： IE截图： Chrome屏幕截图：我真正想要的基本上是chrome屏幕截图，但在我的红色页脚下面没有空白。我该怎么做才能让IE和Chrome都达到预期效果我的HTML文件是： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <he

嘿，我之前在这里贴了一个问题：问题解决了

我继续在这一页上工作，并得出以下结论：

IE截图：

Chrome屏幕截图：

我真正想要的基本上是chrome屏幕截图，但在我的红色页脚下面没有空白。我该怎么做才能让IE和Chrome都达到预期效果

我的HTML文件是：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
    <link rel="stylesheet" type="text/css" href="swaggersstyle.css">
        <title>Oamaru Backpackers Hostel, Swaggers Backpackers - Home</title>

</head>


<body>
    <img src="final.jpg" id="banner"></img>
    <ul id="nav">
        <li class="links"><a href="index.html">Home</a></li>
        <li class="links"><a href="planning.html">Planning</a></li>
        <li class="links"><a href="construction.html">Construction</a></li>
        <li class="links"><a href="evaluation.html">Evaluation</a></li>
    </ul>


<div id="mainc">
    <p>Make Yourself at Home</p>
<p>Swaggers Backpackers is a converted old house located within walking distance of all the best parts of Oamaru. Explore the old victorian era buildings and shops of the city centre, or see the penguin colonies down the street. Swaggers is owned and operated by camp mum Agra, who makes all guests feel welcome, informed, and perhaps a bit mothered. </p>
</div>   

<div id="rightcolumn">
<p>hghadgadgadg</p>
<p>easfasf</p>
<p>safSFS</p>
<p>afafafadf</p>
<p>safasf</p>
<p>saasfasf</p>
<p>fasfsaf</p>
</div>

<div id ="footer">
<p> fsafasfasf </p>
</div>

</body>
</html>

再次为所有人的帮助干杯-希望在此之后，我会对这些出现的神秘白线更加熟悉。

添加以下规则

 div#footer p {
     margin:0;
 }

添加以下规则

 div#footer p {
     margin:0;
 }

这些问题中的许多问题只有通过导入和使用。你为什么不用呢

理论：浏览器在HTML元素上应用了一些默认样式，但它们在这方面并不相同。例如，IE可能会在

元素中添加

15px

边距，而Chrome可能会添加

13px

。这意味着不同浏览器的HTML元素的默认样式之间可能存在不一致性。CSS Reset从技术上讲是一组CSS规则，将这些默认值归零。例如，您可以看到在CSS reset中，

被指示具有

边距

p
{
    margin: 0;
}

这些问题中的许多问题只有通过导入和使用。你为什么不用呢

理论：浏览器在HTML元素上应用了一些默认样式，但它们在这方面并不相同。例如，IE可能会在

元素中添加

15px

边距，而Chrome可能会添加

13px

被指示具有

边距

p
{
    margin: 0;
}

通过右键单击，在chrome上使用inspect元素。通过将鼠标移动到相关区域上，您将找到蓝色区域，然后您可以解决问题

您是否在不同的chrome浏览器（来自不同的PC chrome浏览器）上检查过它，或者您的浏览器上是否安装了下载管理器扩展，如果是；然后先禁用它，然后重新加载页面

希望这对您有用。

通过右键单击在chrome上使用inspect元素。通过将鼠标移动到相关区域上，您将找到蓝色区域，然后您可以解决问题

希望这对您有用。

hmmm我添加了这一点并保存了下来，两个浏览器中似乎都没有任何变化-可能是填充了不同的元素吗？谢谢你的回答。你检查小提琴了吗？空白没有显示在那里。是的，这很奇怪，我不明白为什么当我添加padding=0时，它没有显示在我的页面上；财产。。。hmmi已经更新了帖子。现在我检查了chrome和IE9，它的渲染效果很好。嗯，我添加了这一点并保存了下来，两个浏览器中似乎都没有任何变化——可能是不同元素的填充？谢谢你的回答。你检查小提琴了吗？空白没有显示在那里。是的，这很奇怪，我不明白为什么当我添加padding=0时，它没有显示在我的页面上；财产。。。hmmi已经更新了帖子。现在我检查了chrome和IE9，它的渲染正常。