为什么我把样式简并了原来布局好的全部都乱了呢？感谢回答

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

@charset "utf-8";

/* CSS Document */

/*样式重置*/

body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select{margin:0;padding:0;}

em{ font-style:normal;}

li{ list-style:none;}

a{ text-decoration:none;}

img{border:none; vertical-align:top;}

table{ border-collapse:collapse;}

input,textarea{outline:none;}

textarea{ resize:none; overflow:auto;}

body{ font-size:12px; font-family:"微软雅黑";}

/* public*/

.clear{ zoom:1;}

.clear{ content:''; display:block; clear:both;}

.fl{ float:left;}

.fr{ float:right;}

.gradient{

background:-moz-linear-gradient(top,#ffffff,#f8f8f8);

background:-webkit-linear-gradient(top,#ffffff,#f8f8f8);

background:-ms-linear-gradient(top,#ffffff,#f8f8f8);

background:linear-gradient(top,#ffffff,#f8f8f8);

+background:#f9f9f9;

}

/* layout*/

#header，#nav，.content{width:960px; margin:0 auto;}

#search，.section，.side_section，#footer，.ad_border{border:1px solid #dbdbdb; border-radius:6px;}

body{ margin-bottom:30px;}

#header{ height:30px; border-radius:0 0 6px 6px; }

#nav{ height:100px; background:#FF6;}

#search{ width:958px; height:114px; margin:0 auto 10px;}

#search .bar{}

.main{ width:710px;}

.section{ width:318px; height:200px; padding:0 15px; margin-bottom:10px;}

.options{ width:350px; height:200px; background:#09F;margin-bottom:10px;}

.main_ad{ border-radius:6px;overflow:hidden; margin-bottom:10px; width:709px; height:79px;}

.side{ width:240px;}

.side_section{ height:60px; margin-bottom:10px; width:240px;}

.side_ad{border-radius:6px;overflow:hidden; margin-bottom:10px;}

#footer{ width:958px; height:78px; margin:0 auto; background:#f9f9f9; }

.ad_border{overflow:hidden; margin-bottom:10px;}

图像789

浏览 1674回答 2

为什么我把样式简并了原来布局好的全部都乱了呢？感谢回答

2回答