当前位置：首页 → 问答吧 → 用float:left;还是display：table-cell

用float:left;还是display：table-cell

时间：2008-06-17

来源：互联网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>用float:left;还是display：table-cell</title> </head> <body> <div style=" background-color:#00CC99; width:100px; height:100px; margin-right:10px;float:left;"></div> <div style=" background-color:#00CC99; width:100px; height:100px; margin-right:10px;float:left;"></div> <div style=" background-color:#00CC99; width:100px; height:100px; margin-right:10px;float:left;"></div> <div>我本来在下面；要是不设置clear:left;就会错位</div> </body> </html>
提示：您可以先修改部分代码再运行

作者: zdndd 发布时间: 2008-06-17

我会选择 float:left;

display：table-cell 没有用过，不知道什么优点…………

作者: cuikai 发布时间: 2008-06-17

我觉得用display：table-cell 这个办法理论上是可行的，但是就是ie 下就是不对的呀！很奇怪

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>float</title> </head> <body> <div style="display: table-row"> <div style=" background-color:#00CC99; width:100px; height:100px; margin-right:10px; display:table-cell;"></div> <div style=" background-color:#00CC99; width:100px; height:100px; margin-right:10px; display:table-cell;"></div> <div style=" background-color:#00CC99; width:100px; height:100px; margin-right:10px; display:table-cell;"></div> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: zdndd 发布时间: 2008-06-17

拿不准那就换种结构。

作者: ZeroZ 发布时间: 2008-06-17

http://hi.baidu.com/citybole/blo ... f56808b2de0544.html

作者: cuikai 发布时间: 2008-06-17

用float 会影响什么?

作者: jazzycn 发布时间: 2008-06-17

float 不影响只是想知道用position 可否实现

作者: zdndd 发布时间: 2008-06-17

个人觉得.FLOAT好吧,是不是我很菜,没看懂楼主什么意思

作者: a7262619 发布时间: 2008-06-18

基本上不用display：table-cell

作者: nui963 发布时间: 2008-06-18

引用:

原帖由 nui963 于 2008-6-18 09:43 发表
基本上不用display：table-cell

那是因为IE不支持，所以很多人不知道有这个CSS

作者: MagicYY 发布时间: 2008-06-18

还是用Float的比较好，这一点很同意楼上的！

作者: YstarLongzi 发布时间: 2008-06-18

用Float的，干什么给自己找事

作者: gujunye 发布时间: 2008-06-18

用position可以实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css">  </style> </head> <body> <div class="wanzi1"></div> <div class="wanzi2"></div> <div class="wanzi3"></div> <div class="wanzi4">我在这里</div> </body> </html>
提示：您可以先修改部分代码再运行

作者: cikeaiwanzi 发布时间: 2008-06-18

不常用display：table-cell