手风琴扩展时避免使用滚动条

时间:2016-07-12 19:04:05

标签: html css

在下面的页面上,我在页面中间有手风琴。

当展开手风琴的元素时,会出现滚动条。

如何摆脱这个滚动条?我希望根据手风琴的高度调整高度。

3 个答案:

答案 0 :(得分:0)

<body>标记后面的主div中,将样式更改为包含overflow: hidden;

<div style="width:100%;height:100%;text-align:center;overflow:hidden;">

但是你的代码也需要完全重做,你在另一个html标签的主体内有一个完全不同的html,head和body。

答案 1 :(得分:0)

尝试将<body>放入另一个<body>。请尝试使用<div>

也是GoogleMaps API的商品。控制台说:

  

js?key = AIzaSyASIEMWw7Bw_mzMSH5fTYVbeb-ljj0ryzs&amp; _ = 1468350321595:92您已在此页面上多次添加Google Maps API。这可能会导致意外错误。

答案 2 :(得分:0)

嘿看了看,然后为你工作。这是我对你的代码进行的修改

从iframe中的第一个div开始,我设置了溢出:隐藏。与下一个div相同。

然后用你的手风琴容器我添加了溢出:隐藏

.accordion-container {
   width: 800px;
   margin: 0 0 20px;
   clear: both;
   overflow: hidden;
}

最后用你的手风琴内容它有溢出:auto

.accordion-content {
   display: block;
   padding: 20px;
   overflow: auto;
}