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

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

WBOY
WBOYOriginal
2016-06-21 09:37:18799Durchsuche

<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,急用,有木有大神,帮帮忙啊

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn