osi 隱藏 cor gin margin border 定位 第一個 ima

<style type="text/css">

/*為了使菜單居中*/
body {
padding-top:100px;
text-align:center;
}


/* -------------菜單css代碼----------begin---------- */
.menuDiv {
border: 2px solid #aac;
overflow: hidden;
display:inline-block;
}

/* 去掉a標簽的下劃線 */
.menuDiv a {
text-decoration: none;
}

/* 設置ul和li的樣式 */
.menuDiv ul , .menuDiv li {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

/* 設置二級菜單絕對定位，並隱藏 */
.menuDiv > ul > li > ul {
position: absolute;
display: none;
}

/* 設置二級菜單的li的樣式 */
.menuDiv > ul > li > ul > li {
float: none;
}

/* 鼠標放在一級菜單上，顯示二級菜單 */
.menuDiv > ul > li:hover ul {
display: block;
}

/* 一級菜單 */
.menuDiv > ul > li > a {
width: 120px;
line-height: 40px;
color:white;
background-color:#59B418;
text-align: center;
border-left: 1px solid #bbf;
display: block;
}

/* 在一級菜單中，第一個不設置左邊框 */
.menuDiv > ul > li:first-child > a {
border-left: none;
}

/* 在一級菜單中，鼠標放上去的樣式 */
.menuDiv > ul > li > a:hover {
color: #f0f;
background-color: #bcf;
}

/* 二級菜單 */
.menuDiv > ul > li > ul > li > a {
width: 120px;
line-height: 36px;
color: #456;
background-color: #eff;
text-align: center;
border: 1px solid #ccc;
border-top: none;
display: block;
}

/* 在二級菜單中，第一個設置頂邊框 */
.menuDiv > ul > li > ul > li:first-child > a {
border-top: 1px solid #ccc;
}

/* 在二級菜單中，鼠標放上去的樣式 */
.menuDiv > ul > li > ul > li > a:hover {
color: #a4f;
background-color: #cdf;
}
/* -------------菜單css代碼----------end---------- */
.menuDiv > ul > li.a{
width: 200px;
line-height: 40px;
color: white;
background-color: #59B418;
text-align: center;
border-left: 1px solid #bbf;
display: block;
}
.middle{
width:800px;

background-image:url(image/76.jpg);
height:300px;
}
.middle_content{
padding-left:100px;

padding-top:70px;
}
.bottom{
width:800px;
float:left;
border:1px solid block;
color:green;
background-color:#7CD041;


}
.bottom_left image{ float:left;}

.bottom_left {
width:266px;
height:350px;
float:left;
line-height:20px;
padding-top:10px;




}
.bottom_center {
width:266px;
height:350px;
float:left;
line-height:20px;
padding-top:10px;
margin-left:0px;
top:400px;

}
.bottom_right {
width:266px;
height:350px;
float:left;
line-height:20px;


margin-left:0px;
margin:0px;

}



</style>

寫了一些我自己也不是很了解的東西