+ -
当前位置:首页 → 问答吧 → 左飘用不好,请大家分享一下大家的心得

左飘用不好,请大家分享一下大家的心得

时间:2011-07-04

来源:互联网

我是一个初学者,知道左飘float:left,但是用不好,大家能给总结一下怎么用吗

作者: guanfucai   发布时间: 2011-07-04

不知从何说起

作者: bhbhxy   发布时间: 2011-07-04

当你需要让几个元素在容器内从左往右依次排列时,就可以用float:left。

作者: dalmeeme   发布时间: 2011-07-04

引用 2 楼 dalmeeme 的回复:

当你需要让几个元素在容器内从左往右依次排列时,就可以用float:left。
对,还是有多试验的

作者: xuexiaodong2009   发布时间: 2011-07-04

嗯,就是不知道怎么按照要求的格式去对齐。例如:用左飘写好html以后,怎么用css定义还能出来这样的效果,有什么方法呢?

请填写您要订购的产品:
产品名称: 数量:
产品名称: 数量:
产品名称: 数量:
请在下面留下您的详细要求:
公司地址:
联系人:
联系电话: -
Email地址:
传真: -
 
 

作者: guanfucai   发布时间: 2011-07-04

这个完全可以用个table来布局,如果楼主要用div,也是可以实现的,不过这个例子用div没有table方便。

作者: LXQYYH   发布时间: 2011-07-04

很简单 动脑经
先定义整个div的宽度比如300,然后把所有的左飘
把成品产品名称:用class 定义宽度为150,数量定义宽度为150,它自然就会变成下面的样式:
产品名称: 数量:
产品名称: 数量:
产品名称: 数量:
道理就是当它宽度超过300的时候就会自动换行,具体要自己调试

再比如下面的样式:
请在下面留下您的详细要求:
公司地址: 
联系人: 
联系电话: -
Email地址: 
传真: -
道理也是一样的,直接把它们的宽度定义为300,就自动换行了

还有float是没有高度的,在最后完了要加一句<div style="clear:borth"></div> 因为float是没有高度的

作者: ma1986   发布时间: 2011-07-04

http://www.iteye.com/wiki/topic/611859
多看看资料,多动手实际练习,不难的

作者: aspwebchh   发布时间: 2011-07-04