前几天刚做完一个网站,把布局中遇到的一些问题在此总结一下。
1.如果对float的元素的父元素使用clear属性,周围的float元素布局就会混乱。使用float元素时必须给div定义宽度
2.也不能直接给float块定义margin和padding值。
3.设置文字居中显示,把行高和和高度设置成一样,例如:height:20px;line-height:20ppx;但是在ie6中如果有图的话可能不行,就得使用padding或是margin控制了
4.设置Input文本框的边框为隐藏,border:0;background:transparent
5.ie6专用 _height:100px;*height:100px.ie7和ff共用 height:100px ! important
6.使两个div在同一行显示的问题,除了设置float:left,设置后一个float:right,还得必须设置前一个div的宽度
7.禁止他人复制你网页中的代码<body oncontextmenu="return false" onselectstart="return false">
8.使flash背景透明:在</object>前输入<param name="wmode" value="transparent">
9.display和visibility的区别,display:none和visibility:hidden都可以隐藏一个元素,但visibility:hidden只是隐藏了元素的内容,但其使用的位置空间仍然被保留,而display:none则把元素从页面中去除,其占用的位置也将被删除
10.对于火狐浏览器来说,如果没有设置div的高度,它可能不会自适应高度,解决的方法是display:inline-block,它就会自适应高度了
有些问题我都忘了,想起来再写吧,这是我做的网站,欢迎大家点评:www.hetianyu.net.cn