2017-11-18 81 views
0

我一直在试图附加滚动条时,我的分度类“mytable的”溢出。广东话管理的滚动条连接到我的div溢出

当我用新鲜的css在一个新文件中重新创建了一个这个html的块时,它似乎工作,但有很多东西要移动,我宁愿找出这个错误。

下面是HTML结构我已经和this是如何看起来像我的浏览器

<body> 
<div class="wrapper"> 
     <!-- The Modal --> 
     <div class="modal"> 
      <!-- Modal content --> 
      <div class="modal-content"> 
       <span class="close">&times;</span> 
       <p>Some text in the Modal..</p> 
      </div> 
     </div> 
     <div class="mytable"> 
      <div class="row header"> 
       <div class="cell small"> 
        Kennel 
       </div> 
       <div class="cell small"> 
        Type 
       </div> 
       <div class="cell medium"> 
        Name 
       </div>...and bunch more rows 

给溢出隐藏属性的html和体内清除的常规滚动条,但我不能设法附加滚动条来我主要的div充当与类名“MYTABLE”表

使用上的高度或宽度固定大小的建议类似的职位,但他们都不似乎工作试过。

html, body { 
    height: 100%; 
    overflow: hidden; 
} 

.wrapper { 
    margin: 0 auto; 
    padding: 40px; 
    max-width: 800px; 
} 

.mytable { 
    height: 100%; 
    overflow: auto; 
    margin: 0 0 40px 0; 
    width: 100%; 
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); 
    display: table; 
    table-layout: fixed; 
} 
+0

您是否尝试过使用'溢出:滚动;'而不是'溢出:汽车;'您'.mytable'? – Adriano

+0

yep绝对没有 – Thasd

+0

您是否介意分享一些您的代码,以便我们更好地了解所遇到的问题? – Adriano

回答

2

将.mytable的显示属性从表更改为'block'或任何内容(“table”和“inline”元素除外)。它就会开始显示滚动条

+0

感谢这有点儿制定了但直到我给固定高度MYTABLE 在放大或几个元素添加 – Thasd

0

使用

溢出尝试:滚动;

在div中你想要有滚动条。

+0

家伙,它不会显示工作表中时搞砸了滚动条。如果元素溢出,也会影响到像'auto'一样的效果 – santosh