网站布局中遇到的一些问题

前几天刚做完一个网站,把布局中遇到的一些问题在此总结一下。

   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

posted @ 2011-12-31 08:54  易兴  阅读(564)  评论(6编辑  收藏  举报