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

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

WBOY
Freigeben: 2016-06-21 09:37:18
Original
826 Leute haben es durchsucht

<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>
Nach dem Login kopieren

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


回复讨论(解决方案)

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

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

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage