[問題] 請問一下用css做下拉水平選單
我想用css做像這個一樣
http://www.emailcash.com.tw/
例如按賺取e元 下拉選單可以從此按鈕左下方開始出現
我去網路上找資料，像這樣
#menu {
width: 100%;
background: #eee;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 5em;
float: left;
}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px ;
}
#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}
#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}
#menu a:hover {
color: #a00;
background: #fff;
}
#menu li {position: relative;
}
#menu ul ul {
position: absolute;
z-index: 500;
width:500px;
float:left;
}
#menu ul ul li {
float:left;}
div#menu ul ul,
div#menu ul li:hover ul ul,
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
{display: block;}
==================================
<div id="menu">
<ul>
<li><h2><a href="#">公司簡介</a> </h2>
<ul>
<li><a href="tjoin.php">歷史</a></li>
<li> <a href="sjoin.php">產品</a></li>
</ul>
</li>
</ul>
</div>
由於我想把公司簡介擺在首頁最右邊
但他下拉選單還是從右邊延伸出去
不知道怎麼讓下拉後的水平選單可以從左邊延伸過去...?
謝謝！
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.171.177.16
→
12/10 21:04, , 1F
12/10 21:04, 1F
→
12/10 21:05, , 2F
12/10 21:05, 2F
推
12/10 23:55, , 3F
12/10 23:55, 3F
→
12/10 23:56, , 4F
12/10 23:56, 4F
→
12/10 23:58, , 5F
12/10 23:58, 5F
→
12/10 23:58, , 6F
12/10 23:58, 6F
→
12/13 17:20, , 7F
12/13 17:20, 7F