DIV背景颜色[自LEO的BLOG]

2007年11月8日 11:03:32 views TAG: DIVCSS WEB标准

通过访问记录，我看见这篇文章所针对的内容有很多朋友都在迷惑，为什么布局以后div的背景色就是不显示呢？
以前写过关于div背景色的文章，不过那时候也是刚刚接触css，有很多错误的地方，我不想误导朋友们，所以在这里特更正这篇文章
这里，有一个浮动的问题。
首先我们来看一个例子：
错误的效果：

这张图片的#div-include包含着#div-left和#div-right并且背景颜色是#D3D3D3，那么为什么会有这种情况发生呢，那是因为
没有清除浮动的原因。

专业术语一大堆，网络上关于清楚浮动的方法有很多，教程也不少，不过今天我要说一说，怎么去帮助初学者去理解清除浮动。
我们知道，当一个div没有定义高度，那么他的高度将会随着它里面的内容而增加，那么上面的例子，#div-left和#div-right也是#div-inclue里包含的元素，为什么就不能把他撑大呢？
我们可以这样理解：当一个元素具有了float的属性也就是说有了这句

float:left；或者 float:right;

你就可以理解成这个元素已经不属于外面的div了，既然内不在外面的div里，那么即使#div-left和#div-right再变化，后面也不会放大，而背景则显示不出来。那么，要怎么样才可以让里面有了float的元素从新乖乖的回到包含他的div里去呢？这里我介绍一种我常用的方法，也是现在最普遍的方法

我们在#div-left和#div-right的后面再加一个层，他的样式这样定义：

.div-clear{ clear:both; }

这样做，#div-left和#div-right就会乖乖的回到#div-include中了，这样#div-include的背景颜色便又可以显示了。

© 修华帅，这篇文章发表于2007年11月8日 11:03:32，被分类于技术文档，如果您本博客感兴趣，您可以通过RSS 2.0来订阅本博客的文章，或者针对本文发表一个评论。
感谢您的关注……
欢迎转载，转载请注明出处。
作者：修华帅
固定链接：http://www.xiuhuashuai.com/post/522.html

共有0条评论给予了这篇文章

发表评论

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

订阅本站的RSS

分类

查看日志归档

评论

DIV背景颜色[自LEO的BLOG]

推荐:

相关文章

共有0条评论给予了这篇文章

发表评论