Firefox 浮动层背景图不能自动平铺(困惑)
嵌套 DIV,当子div 为浮动(float)时,父div 的高度在Firefox 不能根据子DIV 自动变化
问题浏览器:Firefox、Opera。如:
<div id="parent">
<div id="content">
hello
</div>
</div>
他们说,浏览器的高度不能自动计算,导致的结果是父类的Div有背景和背景图片的时候不能自动平铺。
这个我不懂得理解,就先记下来(下面是我的理解做滴):
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>css test</title>
<style type="text/css">
#content{
width:400px;
height:200px;
border:1px solid blue;
float:left;
}
#parent{
background:red;
width:400px;
background-image:url(../images/hjj2.jpg);
}
.clear.after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
</style>
</head>
<body>
<div id="parent" class="clear">
<div id="content">
hello
</div>
</div>
</body>
</html>
后面的在加了个clear,这个是他们说的解决方法。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南