sinat_28050007 2015-09-04 12:19 采纳率: 57.1%
浏览 1635
已采纳

CSS浮动问题急求解答!!!!!!!!!

<html>
<head>
<style type="text/css">
    *{ padding:0px; margin:0px;}
    #king{ border:1px solid #f00; width:500px; height:500px; margin-left:100px; margin-top:100px;}
    #a{ border:1px solid #00f; width:100px; }
    div.a_son{ float:left; border:1px solid #063; width:40px; height:40px;}
    #b{ float:left; border:1px solid #0F0; width:100px; height:100px;}
</style>
</head>
<body>
<div id="king">
    <div id="a">
            <div class="a_son"></div>
            <div class="a_son"></div>
            <div class="a_son"></div>
            <div class="a_son"></div>
    </div>
  <div id="b">
    </div>
</div>
</body></html>

运行结果是这样的:图片说明
为什么b框离顶部会有一段距离啊?????我觉得b框应该飘到最顶端才对啊~~~

  • 写回答

8条回答 默认 最新

  • huanfengcheng 2015-09-04 13:24
    关注

    float:left是相对的,它要找和它并列的

    的float,left是相对于和它同级的
    的float,如果找不到,就去它同级的内部找,如果找到就与它同级内部的float为标准,悬浮在它的left(右边),这就是为什么b框没有浮到顶部的原因,
    你如果a框有奇数个,b框也会浮在最后一个a框的右边。但是如果内部也找不到,他就会相对于网页的边框为标准,即浮在网页边框的右边,
    如果你给id='a'的那个div加上float:left的话,b框就自然浮到顶部,浮到id=‘a’ 的div的右边
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(7条)

报告相同问题?

悬赏问题

  • ¥15 基于卷积神经网络的声纹识别
  • ¥15 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
  • ¥100 为什么这个恒流源电路不能恒流?
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson,入参实体类Person,出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题,上传的坐标文件里是怎么对无序点进行编号的,以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP
  • ¥15 Python turtle 画图
  • ¥15 stm32开发clion时遇到的编译问题