div设置宽度无效_html/css_WEB-ITnose

css html

css文件

body{
margin:0;
padding:0;
font-size:16px;
background-image:url(/CMS/view/image/background.jpg);
z-index:0;
}
#body{
margin:auto;
width:100%;
height:auto;
}
.nav{
width:100%;
height:30px;
background-color:DAECFE;
position:fixed;
top:0;
z-index:100;
}

#centent{
margin-top:34px;
margin-left:auto;
margin-right:auto;
width:1024px;

border:solid #C9C9C9;
height:600px;
}
#footer{
margin-top:5px;
margin-left:auto;
margin-right:auto;
width:1024px;
height:60px;
border:solid #C9C9C9;
}

html文件






    

导航栏

   
    

类容

    footer



显示如下：
，宽度无效，也没剧中显示。
把footer加入浮动float：left属性后宽度有效。如图

求大神解答。

回复讨论(解决方案)

我最终要实现的效果就是footer为1024宽度，且剧中。就死在centent的正下方。

footer

footer 那个手误按错了，不过修改后还是没效果哦。

/CMS/view/css/index.css

这个 标签先删除

或者 你看浏览器 元素调试
看那些样式被影响了

/CMS/view/css/index.css

这个 标签先删除

或者 你看浏览器 元素调试
看那些样式被影响了 谢谢了，解决了。在footer中加入display：block；属性就可以正常显示了。但我不晓得原因。

/CMS/view/css/index.css

这个 标签先删除

或者 你看浏览器 元素调试
看那些样式被影响了 谢谢了，解决了。在footer中加入display：block；属性就可以正常显示了。但我不晓得原因。
所以说 你被其他地方的样式 影响了

没错呀，你用的是什么浏览器了

不会用FIREBUG调样式？

/CMS/view/css/index.css

这个 标签先删除

或者 你看浏览器 元素调试
看那些样式被影响了 谢谢了，解决了。在footer中加入display：block；属性就可以正常显示了。但我不晓得原因。
好多浏览器对div的宽度，要指定百分比的形式，必须写display：block