无法隐藏垂直块中的最后一个可见链接溢出:隐藏

时间:2014-04-13 17:14:15

标签: css overflow hidden

无法隐藏垂直块中的最后一个可见链接溢出:隐藏...浏览器剪切最后一个链接,我需要隐藏它。

所以,请看下面的截图:

http://i.stack.imgur.com/otF5r.png

灰色边框是fix-height元素的当前边框和动态生成的链接列表,最后一个链接不是真的持续,隐藏了一些链接数。

我使用这样的东西:

<ul class="b-gid">
  <? if ($_GET['page'] == 1) { ?>
    <li><h2>Gid</h2></li>
    <li><a class="b-news__item__link" href="url1">Link1</a></li>
    <li><a class="b-news__item__link" href="url2">Link2</a></li>
...
    <li><a class="b-news__item__link" href="urlN">Link2</a></li>
  <? } ?>
</ul>

<style>
    .b-gid {
        width: 214px;
        float: right;
        border: 3px solid #ddd;
        border-radius: 19px;
        padding: 15px;
        list-style: none;
        padding-bottom: 35px;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .b-gid a {
        color: #48a59a;
        text-decoration: none;
    }
</style>

<script>        
  $(function(){         
    $('.b-gid').first().css('height',$('.post').first().height() - $('.b-services').first().height() - 125 + 'px');});
</script>

0 个答案:

没有答案