css在ie和ff上的奇怪现象。。。

来源:百度知道 编辑:UC知道 时间:2024/05/22 13:42:21
我是个菜鸟,希望各位大虾指点迷津阿。。。
今天写一段代码,在iE 和FF上产生了不一样的效果,想请教大家。
如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {

font:12px verdana arial helvetica sans-serif;
background-color:white;
margin:0;
padding:0;
}
#d1 {background:red;width:100%;height:50px;margin:0;}
#p1 {text-align:center;color:white;font-size:1.4em;background:blue;margin-top:20px;}
p {mar

#p1下加
float:left;
width:100%;

兼容问题..记住就可以了..
硬要找个理由的话..就是float是相对定位的,会随浏览器的大小和分辨率的变化而改变,要实现div的自适应高度必须具备float..

这就叫兼容问题

#p1下加
float:left;
width:100%;

margin:0 这里没定义好 该是这样 margin:0px,0px,0px,0px margin:0浏览器不知你定义的是那个位置的是0