Heim >Web-Frontend >HTML-Tutorial >绝对定位和浮动的问题，求大神帮忙解决_html/css_WEB-ITnose
绝对定位和浮动的问题，求大神帮忙解决_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:37:18833Durchsuche
<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
Vorheriger Artikel：DIV样式问题，进来看看_html/css_WEB-ITnoseNächster Artikel：求大神帮忙解决html+css的问题_html/css_WEB-ITnose