Maison > interface Web > tutoriel HTML > div+css中常见的问题_html/css_WEB-ITnose

div+css中常见的问题_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:31:56
original
1160 Les gens l'ont consulté

 1、居中问题
div里的内容,ie默认为居中,而ff默认为左对齐。
使ff内容居中的方法是增加代码margin:auto;

2、高度问题
设有两横行div排列,上面的div设置高度(height),如果div里的实际内容大于所设高度,在ff中会出现两个div重叠的现象;但在ie中, 下面的div会自动给上面的div让出空间。所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他自动调节。
或者设置:overflow:hidden

3、clear:both;
拿footer为例,有时候如果上面使用 了float控制的n列的布局,那么在用ff浏览时footer很有可能不老实,到处乱动??因为他还在受到浮动(float)的控制。如果想让它老老实 实呆在页面下方,在footer的div中写入clear:both;就可以达到效果了!

4、浮动Ie产生的双倍距离
#box{
float:left;
width:100px;
margin:0 0 0 100px; //这种情况之下IE会产生200px的距离
display:inline; //使浮动忽略
}

5、重点讲解:display:block,inline两个元素 display(显示)
display:block; //可以为内嵌元素模拟为块元素

总是在新行上开始;
高度,行高以及顶和底边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度

,

,

,

,
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal