CSS第一天

0ef2341d9ab542d2b6129b25b2d8821a.png

浮动:当一个元素浮动后,会被移出正常的文档流,然后向左或者向右平移,直到碰到容器边框或者另一个浮动的元素

侧导航栏和白色的div一个左浮动,一个右浮动,左浮动怎么都对不齐版心,既然没有碰到边框就停止了浮动,那肯定是碰到了其他浮动的元素,可能是上面的浮动元素了,看了一下logo,原因是logo的margin加height超出了head区域的高度,测导航栏碰到了logo停了下来。

7f015e46d82745449e048cd13cccf289.png

所以要么增加head的高度,要么减少logo的高度,改完之后应该是这样:

785e1fc9703142258d52c05d7af6717d.png

 最后修改完:

0029d347776f4b57aa282f12f6d41317.png

 总结:float的原理,以及网页布局最好还是不要随意设置宽高。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值