Home >Web Front-end >HTML Tutorial >绝对定位和浮动的问题，求大神帮忙解决_html/css_WEB-ITnose
绝对定位和浮动的问题，求大神帮忙解决_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:37:18826browse
<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，急用，有木有大神，帮帮忙啊
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：DIV样式问题，进来看看_html/css_WEB-ITnoseNext article：求大神帮忙解决html+css的问题_html/css_WEB-ITnose