Css 页脚忽略浮动内容
我需要使我的页脚留在底部，但也有它不干扰我的内容。如jfiddle中所示，蓝色框干扰了页脚。在查看了所有当前线程并试图修复CSS和HTML之后，我找不到解决方案。我尝试将位置更改为“固定”，添加一些填充等。下面是我的代码： 基本上，我有：Css 页脚忽略浮动内容,css,html,footer,Css,Html,Footer,我需要使我的页脚留在底部，但也有它不干扰我的内容。如jfiddle中所示，蓝色框干扰了页脚。在查看了所有当前线程并试图修复CSS和HTML之后，我找不到解决方案。我尝试将位置更改为“固定”，添加一些填充等。下面是我的代码： 基本上，我有： <html><div id="wrapper"><header></header> <body></body> <footer></footer></div&
<html><div id="wrapper"><header></header>
<body></body>
<footer></footer></div></html>
另外，请阅读：我确实有一个有效的HTML结构，但JSFIDLE不建议放置标签。请关注浮动方面，就像我接受浮动时一样：对；在CSS关闭的新闻中，它正在工作。当我删除代码以使页脚粘在页面底部时，它也会起作用。您的HTML标记被弄乱了，请首先修改W3C标准，并更正您的HTML标记，如下图所示
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<header></header>
<footer></footer>
</body>
</html>
你很好，走吧 我知道这是一把小提琴谢谢！，但是你的HTML标签不合适。话虽如此，我从你的小提琴上看到的图像如下
<div id="wrapper">
<div id="container">
<!-- REMOVED body HTML tag-->
<div id="content">...</div>
<aside>
<div class="advert">..</div>
<div class="news">..</div>
</aside>
<!-- End Container -->
</div>
<div class="clearfix">..</div>
<footer>..</footer>
<!--End Wrapper-->
</div>
将底部边距添加到您的侧边。clearfix div应该添加到容器的结束div之前。您是否尝试过此页脚{位置：固定；底部：0；背景色：58A84A；高度：50px；宽度：100%；边框顶部：5px实心005826；文本对齐：中心；颜色：FFFFFF；}您的HTML结构首先完全混乱。所有内容都应介于。。。标签。固定的位置可能不是他想要的。第二个@laugh。你的HTML真的很古怪。我试着把它整理一下，但是你所有的风格都很时髦。请看一下HTML页面的基本结构和div的使用方法。我不是故意装腔作势，但我希望你不是想在动物身上测试你的HTML，因为这对你的事业也没有帮助。++HTML5标准标记！此外，他还有一个clearfix类正在运行footer@Kashif我不允许在JSFIDLE中包含html标记；当我尝试放置它时，它不允许我保存。请尝试最小化您的窗口屏幕。我试图将代码应用到我的网站上，但没有任何区别，因为在所有浏览器中，蓝色框仍在触摸页脚。有什么新闻或你找到答案了吗？我找到了答案，但答案是clearfix应该放在end div之前。
<div id="wrapper">
<div id="container">
<!-- REMOVED body HTML tag-->
<div id="content">...</div>
<aside>
<div class="advert">..</div>
<div class="news">..</div>
</aside>
<!-- End Container -->
</div>
<div class="clearfix">..</div>
<footer>..</footer>
<!--End Wrapper-->
</div>