Rumah > hujung hadapan web > html tutorial > 绝对定位和浮动的问题,求大神帮忙解决_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-21 09:37:18
asal
824 orang telah melayarinya

<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>
Salin selepas log masuk

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


回复讨论(解决方案)

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

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan