CSS代码中的“clear:both;”失效了

我最近在模仿博客园，制作一个个人博客，突然发现Footer部分浮动到了Content部分，我在Footer部分已经加了一句“clear:both;”，为什么还会出现这个问题。Footer部分的CSS代码如下：
/*页面底部*/
#Footer {width:100%;height:70px;margin:0 auto;clear:both;} /*如果加了clear:both; 此部分就不会浮动了*/
#Footer p{text-align:center;line-height:2.0em;width:auto;}
因为之前页面不会出现类似的情况，无论左边的导航栏和右边的内容区域如何变化，Footer部分都会老老实实的在自己的岗位上。后来，我终于找出了出现这个问题的原因：Content部分的Html内容是从数据库直接截取出来的，此部分存在一行多余的代码
“” 并且没有标记和标记和其对应，所以导致下面大部分代码失效。如下图所示：



解决方案就是将多余的代码“” 删除，测试成功。
总结：1、如果想从数据库中截取一部分包含html标记的内容，必须提前对其进行格式化，否则一些不完整的html标记会导致一些不可预料的错误。
2、html格式化的方法待续。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 

相关文章推荐

• CSS代码中的“clear:both;”失效了
• css中clear:both;的详解及代码实例
• css中的clear:both,display:flex;
• CSS 的 clear:both;
• 前端CSS基础之 clear：both
• css之!important 及display:inline 及clear:both
• 详解CSS中clear属性both、left、right值的含义
• CSS 的overflow:hidden; 、clear:both;属性详细解释
• CSS中 clear.both 的理解
• CSS:浮动清理，不使用 clear:both标签
• 转载： 解决CSS中float:left后需要clear:both清空的繁琐步骤
• css 中 的 float :left 和 clear :both
• 更简洁的 CSS 清理浮动方式（使用 :after 伪类来提供浮动块后的 clear:both）
• CSS――float属性及Clear:both备忘笔记
• 详解CSS中clear属性both、left、right值的含义
• CSS清除浮动_清除float浮——详解overflow:hidden 与clear:both属性
• CSS清除浮动常用方法小结 CSS clear both {overflow:auto;zoom:1;}
• DIV+CSS clear both清除产生浮动
• CSS clear both清除浮动
• 解决CSS中float:left后需要clear:both清空的繁琐步骤

新的分享

• CSS 选择器（二）：子代选择器(>)
• CSS 子节点继承父节点(祖先节点)的样式
• TornadoFx中的css美化
• CSS 不规则的轮廓-outline
• 使用requests爬取梨视频、bilibili视频、汽车之家，bs4遍历文档树、搜索文档树，css选择器
• 说一说CSS中的变量
• 我用 CSS3 实现了一个超炫的 3D 加载动画
• 纯 CSS3 卡通小火车行驶动画
• 论文解读（CSSL）《Contrastive Self-supervised Learning for Graph Classification》
• 【Java分享客栈】Java程序员为争一口气熬夜硬刚CSS实现掘金首页
• 什么是 CSS 设计模式
• 博客园样式

章节导航

• 添加评论
• 分享网址
• 分享文章
• 返回顶部