絕對位置與相對位置

絕對位置是以特定的框格作基準,指定其上下左右的配置方式。

相對位置是由一般配置的位置採相對挪移的配置方法。

當相對位置包住絕對位置時,絕對位置所基準就會為相對位置。


今天使用者反應~~為何下拉式選單無法對齊第一格欄位,尤其是針對多層式下拉選單更是會偏移約兩格

首先找到首頁index.asp 找到導覽欄位所使用的CSS到底是哪一隻~
先找到內嵌的一隻login.asp(導覽登入欄位) ~從中看到他所使用的是style.login.css


/*登入列全區塊*/
#login_top {
width: 100%;
font-size: 13px;
z-index: 1;
}
#login_top a.memberlink:link {
line-height: normal;
}
/*歡迎○○*/
#login_welcome {
font-size: 13px;
font-weight: bold;
color: #000000;
float: left;
}
#login_right {
float: right;
width: 325px;
}
#login_book {
}
/*欄位A*/
#login_book_menu {
background-color: #F7F3F7;
position: absolute;
width: 200px;
border: 1px solid #BCBCBC;
visibility: hidden;
z-index: 1;
text-align: left;
}
#login_book_menu a.memberlink:link {
font-size: 13px;
color: #000000;
text-decoration: none;
line-height: normal;
}
##login_book_menu a.memberlink:hover {
font-size: 13px;
color: #0066CC;
text-decoration: none;
line-height: normal;
}
#login_book_menu a.memberlink:visited {
font-size: 13px;
color: #000000;
text-decoration: none;
line-height: normal;
}
/*欄位-S(專欄)*/
#login_book_menu .book_menus {
font-size: 13px;
padding: 3px;
width: 194px;
float: left;
text-align: left;
}
#login_book_menu .book_menus:hover {
font-size: 13px;
padding: 3px;
background-color: #D9D9D9;
text-align: left;
}
/*資料夾*/
#login_book_menu .book_menut {
font-size: 13px;
padding: 3px;
background-image: url(http://箭頭的圖arrowb.gif);
background-repeat: no-repeat;
background-position: right center;
width: 194px;
float: left;
z-index: 1;
text-align: left;
position:absolute;
}
#login_book_menu .book_menut:hover {
font-size: 13px;
padding: 3px;
background-color: #D9D9D9;
text-align: left;
position:absolute;

}
/*資料夾-欄位A*/
#login_book_menu .book_menut_menu {
background-color: #F7F3F7;
position: absolute;
width: 200px;
border: 1px solid #BCBCBC;
visibility: hidden;
left: 194px;
z-index: 1;
text-align: left;
}
/*資校夾-欄位S(專欄)*/
#login_book_menu .book_menut_menus {
font-size: 13px;
padding: 3px;
width: 194px;
text-align: left;
}
#login_book_menu .book_menut_menus:hover {
font-size: 13px;
padding: 3px;
background-color: #D9D9D9;
text-align: left;
}
.login_s {
float: left;
}

增加position:absolute;
於資料夾的語法內,即完成工作

 

備註:

 

創作者介紹
創作者 咪咪醬 的頭像
咪咪醬

咪咪醬‧阿財肥貓俱樂部

咪咪醬 發表在 痞客邦 留言(0) 人氣()