web前端|html教程
CSS布局float问题
web前端-html教程
div css float
android 秒表 源码,ctag vscode,ubuntu 新建py,tomcat归类,cmd 创建sqlite,万网代理服务器,jquery开发日历插件,web 前端框架选择,爬虫 漫爬,php远程文件包含,学SEO培训,网站样式下载,kfc 网页源代码 下载,进销存数据库模板,js关闭当前页面 兼容,基于web的药店管理系统,易语言如何取刚执行的程序进程idlzw
3个div, 把 前两个设置为 float:left , 最后一个不设置浮动属性。
为什么显示的效果是第三个div的框架套覆盖在第一个div上,而 第三个div的内容却没有覆盖第一个div上?
湖南字牌跑胡子源码,vscode32位百度网盘,ubuntu 系统名称,tomcat突破1千并发,网络爬虫比赛,php 网络爬虫抓取图片,seo推广专员的引流提成怎么算lzw
远程桌面软件源码,ubuntu键盘关闭窗口,tomcat9最大访问量,黑色长刺爬虫,php服务器连接失败的原因,手机seo公司lzw
div { width:100px; height:100px;border:1px solid black;} #first, #second { float:left; } #third {border:4px solid red;}
first
second
third
回复讨论(解决方案)
关键 你希望是别的样子?
显示结果就是 所见即所得
div的默认背景是透明的,你没有给两个幅度的加入背景,所以就看到了浮动div下面的#third的div。
你加个背景就可以看出来了
#first, #second { float:left; background:#aaa;}
因为脱离了文档流,也就脱离了正常的顺序
虽然first和second都是浮动的,third不是浮动的,但是first和second会占third显示内容的地方,你把third的宽设成大于200的数,或者把高设成大于100的数试试