HTML中的float属性

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

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

     我是初学者，