本文探讨了使用float属性进行布局时遇到的问题，特别是当元素宽度加上边框后超过父级容器宽度时，元素不能在同一行显示的情况。作者通过实践发现，为确保元素在同一行显示，所有浮动元素的总宽度必须小于其父容器的宽度。
有次偶然的机会我发现怎么用float属性都没有达到自己预期的属性，是什么情况呢，你看上图登录注册是排在一行的，整个是大的div,我想要的情况就是如上图所示但是，情况就是这两张图片总是在一列排着，整个div的宽度是300px。这两个小的div的宽度加起来一定要小于300px,假如登录的div是145px，注册的div是145px，这样就会显示我想要的效果，但是如果这两个都是150px的话就不行。它始终不会排在一行，为什么呢，因为这两个div是有边框的属性，虽然你两个加起来刚好300，但是就不行，它会默认放在下面。
总结：float属性，几个加起来的总大小一定要小于包在外面的div的大小，不然就不会再一行的排列。
我是初学者，
扫一扫
1148
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
