清除浮动after(清除浮动效果)

lxf2023-11-22 18:20:01
html代码如下:黑夜中最亮的星星空 |告别|没有区别css样式代码如下:。右{ float:右;} .没错。顶部{宽度:750px高度:60px行高:60px边框:2px纯色# F66边距-底部:15px} .top ul{左填充:15px} .top ul Li { float:left;宽度:240px边距-底部:15px边框:1px纯色# 3CC} .没错。bott { width:750 px;边框:2px虚线# F3Cpadding-top:20px;} .bott ul { margin-bottom:20px;} .bott ul Li { float:left;边距-底部:20px左边距:20px高度:220px宽度:220px} .bott ul Li img { width:220 px;高度:220px} .页脚{ margin:auto 30px;背景:# 3F6} .clearfix:在{ content }之后。;显示:块;高度:0px明确:两者都有;可见性:隐藏;结果显示我右边的盒子里根本没有任何li。 图片无法上传 郁闷回复讨论(解决方案)图片如下 红色部分是我右边部分的边框。它应该覆盖李的所有照片。 我觉得应该是清除浮动关系,但是我已经清除了浮动,为什么还是无效? 等待解答,无标题文档。右{float:右;}.没错。顶部{宽度:750px高度:60px行高:60px边框:2px纯色# F66边距-底部:15px}.top ul {左填充:15px}.top ul Li { float:left;宽度:240px边距-底部:15px边框:1px纯色# 3CC}.bott { float:left;宽度:750px边框:2px虚线# F3C}.bott ul { float:left;边距:0;填充:0;列表样式:无;背景色:# f00}.bott Li { float:left;边距:0;填充:10px高度:220px宽度:220px背景色:# ddd}.bott Li img { width:220 px;高度:220px背景色:# fff边框:1px纯色# ccc显示:块;}.页脚{ margin:auto 30px;背景:# 3F6}.clearfix:在{ content }之后。;显示:块;高度:0px明确:两者都有;可见性:隐藏;黑夜里最亮的星空 |告别|没有区别|无题文档。右{float:右;}.没错。顶部{宽度:750px高度:60px行高:60px边框:2px纯色# F66边距-底部:15px}.top ul {左填充:15px}.top ul Li { float:left;宽度:240px边距-底部:15px边框:1px纯色# 3CC}.bott { float:left;宽度:750px边框:2px虚线# F3C}.bott ul { float:left;边距:0;填充:0;列表样式:无;背景色:# f00}.bott Li { float:left;边距:0;填充:10px高度:220px宽度:220px背景色:# ddd}.bott Li img { width:220 px;高度:220px背景色:# fff边框:1px纯色# ccc显示:块;}.页脚{ margin:auto 30px;背景:# 3F6}.clearfix:在{ content }之后。;显示:块;高度:0px明确:两者都有;可见性:隐藏;夜色中最亮的星空 |告别|没区别|我贴了楼主的代码,显示李在右框。 仔细看代码,没发现什么大的变化。请给我你的建议。 你装个代码对比软件看看。我改了很多css,但是删除了元素上的clearfix。你装个代码对比软件看看。我改了很多css,但是删除了元素上的clearfix。我会试试看。 你能告诉我你在我的代码中发现的主要问题是什么吗? Clearfix没有用在正确的地方。请安装一个代码对比软件看看。我改了很多css。我将尝试删除元素上的clearfix。 你能告诉我你在我的代码中发现的主要问题是什么吗? Clearfix没有用在正确的地方。ul上不要用边距,填充什么时候用clear:看看这篇文章:CSS浮动属性float细节什么时候用clear:看看这篇文章:CSS浮动属性Float细节3q,我再仔细看看。 我也试过这个,一直没变。 当你想让子框浮动的时候,你最好也把父框设置成浮动的,这样它们就在一个层次上了,父框的大小也会随之变化。clearfix:在{ content }之后。;显示:块;高度:0px明确:两者都有;可见性:隐藏;是不是贴的不完整,还是就这么写,说两点不相关}二、你的内容写的不对:“”;我试过了,没问题。你可以再试一次。密码是你的。你是哪个编辑?我太粗心了,没有强调这种低级错误。你是哪个编辑? 我用dreamweaver。当你想让子框浮动的时候,你最好也把父框设置成浮动的,这样它们就在一个层次上了,父框的大小也会随之变化。有道理。 学了一招,很感谢adminjs.cn是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。 我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。 在这个网站中,您可以学习最新的前端开发技术,了解前端开发的最新趋势和最佳实践。 我们提供丰富的教程和案例,让您快速掌握前端开发的核心技术和流程。 Adminjs.cn还提供了一系列实用的工具和插件,帮助你更高效的进行前端开发。 我们提供的工具和插件都是经过精心设计和优化的,可以帮助您节省时间和精力,提高开发效率。 在Adminjs.cn,你可以找到让你成为更优秀的前端开发者所需的所有前端开发资源。 欢迎加入我们的大家庭,一起探索前端开发的无限可能!