HTML中的float属性

本文探讨了使用float属性进行布局时遇到的问题,特别是当元素宽度加上边框后超过父级容器宽度时,元素不能在同一行显示的情况。作者通过实践发现,为确保元素在同一行显示,所有浮动元素的总宽度必须小于其父容器的宽度。

有次偶然的机会我发现怎么用float属性都没有达到自己预期的属性,是什么情况呢,你看上图登录注册是排在一行的,整个是大的div,我想要的情况就是如上图所示但是,情况就是这两张图片总是在一列排着,整个div的宽度是300px。这两个小的div的宽度加起来一定要小于300px,假如登录的div是145px,注册的div是145px,这样就会显示我想要的效果,但是如果这两个都是150px的话就不行。它始终不会排在一行,为什么呢,因为这两个div是有边框的属性,虽然你两个加起来刚好300,但是就不行,它会默认放在下面。

      总结:float属性,几个加起来的总大小一定要小于包在外面的div的大小,不然就不会再一行的排列。

     我是初学者,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值