这是一个创建于 4779 天前的主题，其中的信息可能已经有所发展或是发生改变。
一直困扰我很久了
1. 经常在设计的时候会有一个纠结的地方 ，一个Block的宽度和高度，是奇数好还是偶数好？
排除设计本身的问题，对浏览器来说，渲染上(性能/效率)会不会有区别？
2. 经常听到前端的同学告诉在告诫新人，浮动不能够滥用, 我在平时Coding的时候，经常用Float，只要清除内外浮动一般在布局上都没有问题，兼容主流浏览器也没有问题。
浮动有什么缺点？为什么前端的GG会有这种经验的传授呢？
拜谢。
1. 经常在设计的时候会有一个纠结的地方 ，一个Block的宽度和高度，是奇数好还是偶数好？
排除设计本身的问题，对浏览器来说，渲染上(性能/效率)会不会有区别？
2. 经常听到前端的同学告诉在告诫新人，浮动不能够滥用, 我在平时Coding的时候，经常用Float，只要清除内外浮动一般在布局上都没有问题，兼容主流浏览器也没有问题。
浮动有什么缺点？为什么前端的GG会有这种经验的传授呢？
拜谢。
 | 1 Julyyq 2012-09-17 13:11:55 +08:00 试问没有float怎么布局？ |
 | 2 hzlzh PRO 宽度偶数好，如果是单边有边框就用奇数； 另外高度和宽度的奇数偶数取舍还要参照本页的字体大小font-size，你应该了解一下 12px 14px 字体和 13px 字体的区别（对称），中文字体更要考虑。 http://ux.stackexchange.com/questions/14963/why-is-13px-arial-font-the-web-standard 浮动的话我常用，没有太多顾忌。然后overflow:hidden，清除。 |
 | 3 eric_zyh 2012-09-17 13:21:57 +08:00 1.我码的时候很少考虑浏览器的性能问题，现在PC都这么强大了，渲染慢个几毫秒没什么关系，重要还是压缩css、js、html的体积，能少几个字节算几个字节，毕竟这些流量都是服务器的消耗~ 2.float布局应该没什么问题吧。v2ex的左右双栏结构也是float出来滴~ 前辈说的滥用应该是指的本来可以不需要float就尽量不要float吧? |
 | 4 bitsmix 2012-09-17 13:48:30 +08:00 float 需要避免的情况是： <ul> <li> </li> <li> </li> </ul> 这里面， <li> 都浮动了的话， <ul> 会没有高度 但是只要清理掉浮动就好了。其他倒是没什么。 |
 | 5 romoo 2012-09-17 13:56:25 +08:00 2. 不要用 Float 去模拟 Display-inline 的效果。 |
 | 8 NemoAlex 2012-09-17 14:34:11 +08:00  1 1. 奇数或者是偶数像素，是一个简单又深刻的问题 一般来说，由于各种终端设备的分辨率是偶数的，设计上普遍采用偶数像素体系 奇数像素体系收到排挤，主要的冲突表现在：奇数像素宽度的东西，无法在偶数像素元素内居中显示，总是要差一个像素 我们经常在一些制作比较粗糙的网页上看到这个问题，尤其是小块的东西，例如一些 icon 和 UI 元素，如果没有居中显示，就会非常明显 |
 | 9 siemonday 2012-09-17 15:26:16 +08:00 float用起来就是麻烦点，得多考虑到对父元素产生的影响 |
 | 10 Dummy OP |
| 12 romoo 2012-09-18 09:35:04 +08:00 |
| 13 Dummy OP @eric_zyh 自己写着玩和他们使用还是很有区别的。 像他们做一些访问量巨高，复杂的页面，如逻辑复杂，效果繁多，有大量DOM节点和图片的detail页面和List页面，能节省哪怕是一点儿性能都应该节约。。。 |
 | 第一个问题 你可以用box-sizing来解决 第二个问题 就跟不要滥用GOTO不要滥用存储过程不要滥用XXX等等一样，自己去体会就好 |
Select Language