隐藏元素被限高了，怎么办？_html/css_WEB-ITnose

本帖最后由 mixi123456 于 2012-12-31 16:38:11 编辑

.top_b_wrap{ width:100%; height:auto; overflow:hidden;  background:#c9c9c9;}  .top_b{ width:960px; margin:0 auto; line-height:27px;position:relative;}  .top_b_l{ float:left; background:url(images/logo_bg.gif) no-repeat 0 -130px; padding-left:8px;}  .top_b_l a{ padding:0 7px;}  .top_b_r{ float:right; background:url(images/logo_bg.gif) no-repeat 232px -227px; padding-right:19px; height:auto;}  .top_b_r a{ padding:0 12px; float:right;}  #aa{ width:342px ; height:60px; border:solid 5px #000; position:absolute; background:#fff; line-height:60px; text-align:center; z-index:1001; right:0; top:23px; display:none;}

        <div class="top_b_wrap">                <div class="top_b">                         <div class="top_b_l">                                 <a href="#">当前位置:</a><a href="#">首页</a>><a href="#">裸钻</a>                         </div>                                                        <div class="top_b_r">                                 <a href="#" onmouseover="showTopNav('aa')" onmouseout="hideTopNav('aa')">购物车中有0件商品</a><a href="#">注册</a><a href="#">登录</a>                                 <div id="aa">你的购物车中暂无商品</div>                         </div>                  </div>        </div></div>

<script type="text/javascript">function showTopNav(layerName){	eval('document.getElementById('+ "'" + layerName + "'" +').style.display = "block"');}function hideTopNav(layerName){	eval('document.getElementById('+ "'" + layerName + "'" +').style.display = "none"');}</script>

回复讨论(解决方案)

是想让带背景色的wrap的高度为25px；请问应该怎么做,谢谢各位了！

路过 00000000000000

路过............................. 00000000000000

visible:hidden 

.top_b_wrap 删掉  overflow:hidden;

overflow:hidden;会将超过div的部分隐藏掉

我把js放到body里尾部,就可以显示了.但是为什么js放在head不行,百度说是未加载,所以获取的id为空,不知道是不是这样,反正好了.谢谢大家!