js添加minwidth无横向滚动条

JavaScript012

js添加minwidth无横向滚动条,第1张

解决这个问题的思路:设置下拉菜单的最大宽度,然后文字超出时,出现横向滚动条

原因:因为表格左侧固定列,并且列宽大于了滚动条的横向宽度,导致将横向滚动条,遮盖住了。解决方式:对应表格的滚动条,设置min-width,需要大于固定列的宽度,注意:滚动条是表格哪一级的class出现的,需要对应写这一级容器的滚动条样式。

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。

2、在index.html中的<script>标签,输入jquery代码:

$('body').append('height: ' + $(document).height() + '<br/>')

$('body').append('width: ' + $(document).width())

3、浏览器运行index.html页面,此时会打印出界面最大可以滚动的文档宽度和文档高度。