内容高于页脚

Question

在页面上，图片下方有分页链接。当有很多页面（~60）时，它们会超过页脚部分。我已经尝试在{之后'添加<div class="clear:both;></div>和<div class="clearfix;></div>，但右侧也清楚地在图像下方添加.pagination {padding: 3px;margin: 0px;height: 30px;display: block;text-align: center;} .pagination a{display: inline-block; list-style: none; padding: 2px; margin-right: 1px; margin-bottom: 5px; width: 30px; text-align: center; background: #4CC2AF; line-height: 25px;color:#FFFFFF;text-decoration:none;} .pagination .active {display: inline-block;list-style: none;padding: 3px;margin-right: 1px;width: 30px;text-align: center;line-height: 25px;background-color: #666666;cursor:inherit;} 和open => @$container=dlg.$form.find('#tree_container') @$container.jstree( core: animation: 2000 #WORKS! # check_callback: true # plugins: [ "checkbox", "dnd", "massload", "search", "sort", "state", "types", "unique", "wholerow" ] themes: stripes: true icons: true dots: true expand_selected_onload: true data: (node,cb) => @fill_node(node,cb) ) fill_node:(node,cb) => say node if node.id=='#' cb([ id: 'menu' text: 'menu2' type: 'menu' children: true , id:'page' text: 'page1' children: true icon: '/assets/gif/16/document.png' ]) else say 'next node:',node cb(id: node.id+"c", text:node.id+"c") 。

Here is sample Jsfiddle 任何想法如何解决这个问题？

这就是发生的事情。黑线是页脚。只是这个分页不会扩展主要部分并超越页脚。

这是引起问题的分页css。

icon: '/assets/gif/16/document.png'

Answer 1

看起来你有一个固定的高度，孩子们在Y轴上溢出。

尝试在父元素上使用height: auto;。