我是一名程序员,试图在网页设计中进行修补,并且通常认为css非常符合逻辑.到目前为止,只有’拳击模特’仍然是一个神奇的土地,充满了牛头怪和竖琴.我将举例说明：
> http://jsfiddle.net/qyMxv/
指定填充的div的内部元素超出div空间.是不是div应该包含其中的一切？这样做有什么意义呢？
> http://jsfiddle.net/wk9Kg/
父母div完全消失,而孩子正常显示.更奇怪的是,这种行为是由float：left;触发的.
是否有任何教程/参考书可以帮助我在这些怪癖中看到逻辑？我相信w3schools已经有一段时间了但是他们在这个问题上非常简短.在网上找到好的内容也变得很困难.现在我只是摆弄显示,位置和浮动属性,直到它工作.
谢谢！
>通常,div应该包含/包含任何相对或静态定位的非浮动元素,但是您可以在内联元素上使用填充,或者使用具有位置相对的负边距/负值.这允许我想要更灵活的布局.
>浮动不应该被包含,因为它们不在流动中,除非你之后有元素清除,或溢出设置为除可见之外的任何东西.在IE7 / IE6中你只需要触发hasLayout,这可以通过众多属性/值组合来完成(这违反了规范).有关如何清除内部浮子的方法,请参见http://work.arounds.org/clearing-floats/.
这是我从另一个问题编译的跨浏览器错误的站点列表：
> http://www.brunildo.org/test/
> http://www.gtalbot.org/BrowserBugsSection/
> http://www.quirksmode.org/
> http://www.quirksmode.org/bugreports/
> http://www.positioniseverything.net/
> http://reference.sitepoint.com/css
> http://www.richinstyle.com/bugs/
> http://haslayout.net/
> http://css-discuss.incutio.com/wiki/Main_Page
> http://channel9.msdn.com/wiki/wiki/InternetExplorerSupportForCSS/
> http://samples.msdn.microsoft.com/ietestcenter/
> http://channel9.msdn.com/wiki/wiki/InternetExplorerBugs/
> http://css-class.com/test/bugs/ie/ie-bugs.htm
> http://perfectionkills.com/category/cft/
> http://api.jquery.com/jQuery.support/
> http://www.css-lab.com/
> http://www.iecss.com/(Jonathan Neal的默认IE样式综述)
> http://work.arounds.org/(这是我正在处理的实际超级档案网站)
