我可以帮您翻译成中文：我在哪里可以找到有关CSS布局的补救练习？

Question

我不擅长使用CSS。我尝试了近十年，仍然无法正确理解float的工作方式[例如floats]。

是否有一个网站可以介绍各种实际布局模式？

- Neil McGuigan

---

你真的找不到网络上关于浮点数的任何示例吗？ - Marko

简短回答：你只能将块级元素向左或向右浮动。跟随浮动元素的任何其他元素都会“环绕”在浮动元素周围。它只会浮动到父容器的约束范围内。你必须通过clear来“关闭”浮动。如果我再写下去，我的同学群会杀了我，呀！ - Russell Dias

更加理由去阅读《CSS设计禅意》。它全面地介绍了如何使用CSS，而不仅仅是语法（大多数CSS书籍似乎都只是讲解语法）。 - riwalk

Answer 1

你可以看一下这些网站：

http://css.maxdesign.com.au/floatutorial/

http://www.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

http://css-tricks.com/all-about-floats/

- Khoa Nguyen

Answer 2

阅读CSS设计的禅意之道。

这是一本关于设计的书，但阅读它将向您展示如何进入正确的心态来使用CSS进行设计（包括浮动、绝对定位、相对定位等）。

- riwalk

Answer 3

这真的取决于你想如何开始学习CSS，这里有一个随机的URL给你提供了5种关键方法：

• http://www.makeuseof.com/tag/top-5-sites-to-learn-some-css-programming/

我建议你做一些像开始布局、学习像position这样的东西以及它的工作原理，或者像你提到的那样解决floats。

有很多东西需要学习，我的经验是，你应该逐个元素地解决问题。

否则，如果你想要一个傻瓜式的入门，可以看看像lynda.com这样的视频教程网站（我知道很多人对此不屑一顾，但对于初学者来说它还是很好用的）。

另外，如果你不想为培训/视频付费，可以在谷歌上搜索你的CSS主题。

我确实从CSS Play中学到了很多：http://www.cssplay.co.uk/

- Jakub

Answer 4

浮点数似乎有些奇怪，部分是因为它们本身如此:)，部分是因为设计人员被迫使用和滥用它们，因为其他一切的支持都很差，特别是显示属性！当你在表格布局和浮动之间选择时......

请检查您可以通过display：table-cell或display：inline-block执行的操作（如果您告诉IE6/7使用 display：inline 加上任何能够使其具有布局的东西，例如width 或zoom：1;），这可能会为您节省一些麻烦。

- FelipeAls

Answer 5

我相信你可以在网上找到很多CSS教程，但是我发现大部分教程通常只会告诉你如何实现某个结果，而不解释它的原理和原因。当某些东西在某个浏览器或特定的配置下不能按预期工作时，你就会茫然不知。相反，最好去当地的大型书店看看是否有一本叫做CSS Mastery的书，作者是Andy Budd，仔细阅读一遍。第一次阅读时，我的CSS大有提高。在第二版中的第二次阅读中，我了解了很多奇怪的细节。去看看吧。

- edl