div css制作网页实战笔记心得

最近我在参与一个魔术网站的DIV CSS布局设计，这次经历让我对DIV CSS有了更深的理解，尤其是关于IE和FF浏览器对于float属性的兼容性问题。这不仅仅是一个技术挑战，更是一个实践中的学习与成长的机会。每当解决一个长期困扰的问题时，我都会感到由衷的喜悦。这次，我决定把这些宝贵的经验记录下来，分享给大家。

在布局设计中，我们常常会遇到两个并排的div。当我们在子div上设置float属性时，不同的浏览器会有不同的表现。在IE和FF中，如果一个子div设置了float属性，而另一个没有设置，两者之间会产生间隙。为了解决这个问题，我们需要确保每个子div都设置float属性。当我们使用float属性时，我们必须记得在某个地方清除这个浮动，否则可能会影响到其他布局元素。我通常会在所有浮动div的最下方添加一个单独的清除浮动的div。

关于子div的宽度设置，如果不进行设置，它的宽度会默认为母div的100%，这样float属性就无法发挥应有的效果。除了设置宽度外，我们还可以使用display:inline方法让两个子div并排显示。但是这样做的话，子div的宽度设置将会失效，只能通过调整内部元素来撑大div。

在IE浏览器中，如果母div被设置了特定的高度，而内部的子div的高度（如果存在float属性则以清除float的div的最底部为总高度）超过了母div的高度，IE会自动撑大母div。但在FF浏览器中，母div的高度会保持不变，超出的子div会溢出到外部。为了解决这个问题，我们可以选择不设置母div的高度。

以上就是我近期关于DIV CSS编码的一些心得和笔记。在实际工作与开发中，我会继续记录这些宝贵的经验，并与大家分享。回首这些过往的经历，我深信自己会收获很多。我也期待在jb51上与大家交流，共同进步。让我们一起努力，共同学习，共同创造更多的技术奇迹！