为了账号安全,请及时绑定邮箱和手机立即绑定

css中float浮动效果覆盖问题

css中float浮动效果覆盖问题

三咚 2015-10-21 18:39:02
<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title></title>     <link rel="stylesheet" href="CSS/mycss9.css" type="text/css"> </head> <body>     <div id="container">         <div id="fd"></div>         <div id="td"></div>         <div id="sd"></div>         <div>hello world is my</div>         <div>fist class</div>     </div> </body> </html>#fd{     width: 200px;     height: 350px;     background-color: red;     float: left; } #td{     width: 150px;     height: 100px;     background-color: #68ff59; } #sd{     width: 100px;     height: 100px;     background-color: #3953ff;     float: left; } #container{     width: 400px;     height: 400px;     background-color: silver; }绿色块没有设置浮动,被红色块覆盖了,但是文字“hello world is my”“fist class”也没有设置浮动,怎么会有浮动效果而没有被覆盖呢
查看完整描述

2 回答

已采纳
?
躺平的momo

TA贡献5条经验 获得超0个赞

因为你的container区域的宽度是400,两个浮动的div的宽度加起来只有300,还有位置让文字显示,不是浮动效果

查看完整回答
反对 回复 2015-10-21
  • 三咚
    三咚
    先谢谢你的回答 我的意思是为什么文字并不像绿色块那样,靠到最左边,而是靠着红色块,感觉被挡住了一样
  • 躺平的momo
    躺平的momo
    你给文字的div加上宽高背景,其实也是被遮住的。没有设置宽高文字只要有位置就可以显示
  • 三咚
    三咚
    试过了,结果颜色块被覆盖,字体还是被排出来了,感觉字体永远不会被覆盖
点击展开后面1
?
echo_kinchao

TA贡献600条经验 获得超86个赞

你的标签的前后顺序换一换就可以了


查看完整回答
反对 回复 2015-10-22
  • 三咚
    三咚
    通过试着换标签顺序,虽然还不知道原理,但有点知道规律了,谢谢
  • 2 回答
  • 1 关注
  • 2637 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信