如何使用CSS将滚动条放在fieldset内的HTML表中

本文介绍了如何使用CSS将滚动条放在fieldset内的HTML表中的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 我正在尝试使用CSS创建响应式HTML表。我想在fieldset标记内添加一个HTML表格，并希望在我将浏览器调整为小尺寸时显示滚动。表格内容从javascript填写。 我试过这个。 。 hor { float ： left; width ： 100％; height ： 30％; 溢出 ： auto; white-space ： nowrap; } < fieldset > < div id = 阅读 class = hor > < table id = list_table width = 100％ border = 0 &g t; < / table > < / div > < / fieldset > 仅当我删除fieldset时滚动才有效 标签。如何在fieldset标签内放置自动滚动。解决方案 要显示滚动html控件应具有固定的高度和宽度。你应该给feildset提供固定的高度和宽度。 点击它 http://jsfiddle.net/eg4tw/ [ ^ ] < pre lang =text> http://www.coderanch.com/t/119588/HTML-CSS-JavaScript/Show-Vertical-Scrollbar-FIELDSET [ ^ ] I am trying to create a responsive HTML table using CSS. I want to add an HTML table inside fieldset tag and want to appear the scrolling when I resize the browser to a small size. The table contents are filling from javascript. I tried this..hor { float: left; width: 100%; height: 30%; overflow:auto; white-space: nowrap;}<fieldset> <div id="Reading" class="hor"> <table id="list_table" width="100%" border="0"></table> </div> </fieldset>The scrolling is working only when I remove the "fieldset" tag. How I can put auto scrolling inside "fieldset" tag. 解决方案 To show scroll html control should have fixed height and width. You should give fixed height and width to feildset.click ithttp://jsfiddle.net/eg4tw/[^]<pre lang="text">http://www.coderanch.com/t/119588/HTML-CSS-JavaScript/Show-Vertical-Scrollbar-FIELDSET[^] 这篇关于如何使用CSS将滚动条放在fieldset内的HTML表中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！