快捷导航

html中的float

*{margin:0;padding:0;}                                .box{                                        background-color:#6699cc;                                        width:900px;                                        height:500px;                                        margin:0auto;                                }                                .left{                                        background-color:#ff0066;                                        width:300px;                                        height:200px;                                        float:left;                                }                                .right{                                        background-color:#ffff00;                                        width:580px;                                        height:200px;                                        float:right;                                }                                .bottom{                                        background-color:#000000;                                        width:900px;                                        height:300px;                                }                                                                                                                        为什么这个float中 bottom所代表的那个盒子会在left right两个盒子的下面,然而在bottom中添加clear:both;就能使bottom那个盒子移动到底部了

免责声明:本内容仅代表回答者见解不代表本站观点,请谨慎对待。

版权声明:作者保留权利,不代表本站立场。

回复

使用道具 举报

参与会员2

浮动有点类似于z-index:9(就是脱离底层的意思)
回复

使用道具 举报

元素浮动之后,周围的元素会重新排列,为了避免这种情况,使用 clear 属性。
回复

使用道具 举报

可能感兴趣的问答

发新帖
  • 微信访问
  • 手机APP