首頁 >web前端 >html教學 >绝对定位和浮动的问题,求大神帮忙解决_html/css_WEB-ITnose

绝对定位和浮动的问题,求大神帮忙解决_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-21 09:37:18824瀏覽

<style type="text/css">#left-content{	float:left;	border:solid 1px #E6E6E6;	padding: 10px 10px;	width:109px;	border-right:1px solid #f0f5ff;}#left-content ul li a.selected{background:url(images/7.png) 0 0 no-repeat; color: #000;}#left-content ul li a.selected:hover { color: #F00; }#left-content ul { list-style: none; margin: 0px; }#left-content ul li { padding: 0px; height: 29px; line-height: 29px; position:relative; }#left-content ul li a{ display:block; width:89px; height:29px; line-height:29px; background:url(images/6.png) 0 0 no-repeat; color: #FFF; text-align:center; text-decoration: none; }#left-content ul li a:hover { color: #F00; }#left-content ul li ul { display:none; position: absolute; left: 90px; top: 0px; width:89px; border-bottom:none; }#left-content ul li.current ul { display:block;}#left-content ul li:hover ul { display:block;}#left-content ul li ul li a{ display:block; width:89px; height:29px; line-height:29px; background:url(images/8.png) 0 0 no-repeat; color: #000; text-align:center; text-decoration: none; }#left-content ul li ul li a:hover { color: #F00; }</style><body><div id="left-content">		<ul>			<li><a href="#">快运单打印</a>				<ul>					<li><a href="tb/main.jsp?shop=0">泉汇来</a></li>					<li><a href="tb/main.jsp?shop=1">美的小家电</a></li>				</ul>			</li>			<li><a class="selected" href="index.jsp">淘宝订单拣货</a></li>			<li><a href="#">淘宝订单发货</a>				<ul>					<li><a href="tb/send.jsp?shop=0">泉汇来</a></li>					<li><a href="tb/send.jsp?shop=1">美的小家电</a></li>				</ul>			</li>			<li><a href="javascript:newWindow('search.jsp')">销售商品统计</a></li>		</ul>	</div></body>

这段代码运行时,如果页面很长,超出屏幕长度的话,滚动页面时整个div中的东西都跟着滚动,而且鼠标悬浮时div内容会彻底消失,我知道css没写好,对齐的原因,但是改不过来,求大神帮忙。


回复讨论(解决方案)

大神大神,都在哪啊??帮小弟解决解决问题啊

大神,我这段代码不兼容ie6,急用,有木有大神,帮帮忙啊

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn