1、 div+css 布局方法总结作为网站布局的一种方法。div+css 布局是现在比较常用的作为网站建设的一种布局方法,截止到目前为止总结了我在实际工作中运用 div+css 布局时候的一些方法和小技巧。下面关于 div+css 布局方法总结,希望能够帮助到大家。1、ul:默认的 ul 的 margin 和 padding 不是 0,如果在导航中用到了左浮动的 li,往往会把外部的div 撑大,导致页面变形,改成: ulmargin:0px; padding:0px;,希望大家会注意到这一点。2、overflow:有时一些公司的注册协议都是很长,这就用到了 overflow,可以把 div 的
2、style 里加上这个:overflow:auto,对网站制作是个不错的选择。3、img:这里牵涉的不同浏览器的问题,ie6 里显示的图片 height 总是要大于准确值,这里就需要我们记住下面这一点 img display:block;页面中最好不要用大块背景,能平铺的要平铺,否则加载起来会很慢,也不利于以后的优化和扩展,当然也有些大的网站,现在都尽量把背景统一放到一张图片上,用 background-postion 来取得背景。最好的格式就是 gif 格式,即确保了背景透明,在 ie6 中又不会有阴影,有时 gif 图片会有锯齿,这就需要我们保存成 web 格式,设置一下 matter,m
3、atter 的值用背景颜色的值越相近越好。4、float:在制作网站的时候,有时候一些 div 会挤到页面的上方,这里可能就是浮动引起的,可以加上 clear:both。这样也算是一个小技巧。5、div:height 等于 1px 的 div,在 ie6 中可能并不是 1px,在这个 div 的 style 里加上 font-size:1px;这样就 ok 了。6、有关于 id 和 class:在网站上面关于 id 和 class 的一些小技巧当一个样式在页面中多次使用时,不要用 id,要用 class,要使用 js 的时候,样式最好不要用 id,因为 id 要留给 js 使用。7,link:.link:link、.link:visited、.link:hover、.link:active。有一点,visited 与 hover 的顺序一定不能倒换,否则 ie6 中会大大的问题,这是需要我们大家注意到的。参考资料来源于:http:/