Jquery ui 为什么jQueryUI内容区域会一直延伸到页面下方?
我在这里添加了一个jQueryUI手风琴:以容纳大量数据。手风琴工作正常,但内容区域的大小远远大于内容所需的大小 我回顾了css:Jquery ui 为什么jQueryUI内容区域会一直延伸到页面下方?,jquery-ui,jquery-ui-accordion,Jquery Ui,Jquery Ui Accordion,我在这里添加了一个jQueryUI手风琴:以容纳大量数据。手风琴工作正常,但内容区域的大小远远大于内容所需的大小 我回顾了css: .web_resources .ui-accordion { width: 100%; } .web_resources .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .web_resources .ui-ac
.web_resources .ui-accordion { width: 100%; }
.web_resources .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.web_resources .ui-accordion .ui-accordion-li-fix { display: inline; }
.web_resources .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.web_resources .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.web_resources .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.web_resources .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.web_resources .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.web_resources .ui-accordion .ui-accordion-content-active { display: block; }
HTML非常简单:
<h4>Chapter 1</h4>
<div>
<p><a href="http://www.ajronline.org/content/153/1/87.full.pdf">Rotator Cuff Tears: Prospective Comparison of MR Imaging with Arthrography, Sonography, and Surgery</a></p>
<p><a href="http://www.nejm.org/doi/pdf/10.1056/NEJM199407143310201">Magnetic Resonance Imaging of the Lumbar Spine in People without Back Pain</a></p>
<p><a href="http://www.ajronline.org/content/147/2/293.full.pdf+html">1.5 Tesla Surface Coil MRI of the Knee</a></p>
<p><a href="http://www.yogaresearchsociety.com/">Yoga Research Society</a></p>
<p><a href="http://www.rsna.org/">Radiological Society of North America</a></p>
<p><a href="http://www.apple.com">Sample 1</a></p>
</div>
第1章
这是手风琴的代码:
<script type="text/javascript">
$(function(){
$(".web_resources").accordion({ header: "h4" });
});
</script>
$(函数(){
$(“.web_资源”).accordion({标题:“h4”});
});
我希望能够深入了解是什么导致内容区域显示得如此之大,以及如何控制它
谢谢 这比我想象的要简单得多。默认情况下,将手风琴“自动高度”设置为最大刻度。要更改,需要将其设置为: 自动高度:false