Html div滚动条和浏览器滚动条之间的冲突

Html div滚动条和浏览器滚动条之间的冲突,html,css,height,scrollbar,Html,Css,Height,Scrollbar,我有一个div,我想在它上面附加一个滚动条来固定菜单(这里是Tab1) 正文 { 字号:0.8em; 保证金:0px 0px 0px 10px; 颜色:#000; 字体系列:Tahoma、Verdana、Arial、Helvetica、无衬线字体; 背景色:#ffffff; 背景:url(空)已修复#ffffff; } H1 { 上边缘:20px; 字体大小:粗体; 字体大小:16px; 底部边缘:10px; 颜色:#A1006B; 文本对齐:左对齐; 字体变体:正常 } #表1-1{ 字体大

我有一个div,我想在它上面附加一个滚动条来固定菜单(这里是Tab1)

正文
{
字号:0.8em;
保证金:0px 0px 0px 10px;
颜色:#000;
字体系列:Tahoma、Verdana、Arial、Helvetica、无衬线字体;
背景色:#ffffff;
背景:url(空)已修复#ffffff;
}
H1
{
上边缘:20px;
字体大小:粗体;
字体大小:16px;
底部边缘:10px;
颜色:#A1006B;
文本对齐:左对齐;
字体变体:正常
}
#表1-1{
字体大小:14px;}
.ui小部件头{
背景:#ffff;
}
#表2-2{
溢出y:滚动;
身高:100%;
}
测试
试验

Nunc nec erat nulla。Donec viverra eu quam ac facilisis。

  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis

试验

Nunc nec erat nulla。Donec viverra eu quam ac facilisis。

  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis

试验

Nunc nec erat nulla。Donec viverra eu quam ac facilisis。

  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis

试验

Nunc nec erat nulla。Donec viverra eu quam ac facilisis。

  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis

试验

Nunc nec erat nulla。Donec viverra eu quam ac facilisis。

  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis

试验

Nunc nec erat nulla。Donec viverra eu quam ac facilisis。

  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis

试验

Nunc nec erat nulla。Donec viverra eu quam ac facilisis。

  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis


更改css将解决此问题

#tabs-2 {
  overflow-y:scroll;
  height:100%; 
  width:100%; **Added
  position:absolute; **Added
}
BODY {
  font-size:0.8em;
  MARGIN: 0px 0px 0px 10px;
  COLOR: #000; 
  FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #ffffff;
  background: url(null) fixed #ffffff; 
  overflow:hidden;
}

希望有帮助,

我的意思是这样说:

正文{
字号:0.8em;
保证金:0px 0px 0px 10px;
填充:0px;
颜色:#000;
字体系列:Tahoma、Verdana、Arial、Helvetica、无衬线字体;
背景色:#ffffff;
背景:url(空)已修复#ffffff;
}
h1{
字体大小:粗体;
边际:0px;
字体大小:16px;
颜色:#a1006b;
文本对齐:左对齐;
字体变体:正常;
}
#表1-1{
位置:固定;
z指数:1;
背景色:#fff;
宽度:100%;
}
.ui小部件头{
背景:#ffffff;
}
#表2-2{
位置:相对位置;
顶部:60px;
}

试验
试验

Nunc nec erat nulla。Donec viverra eu quam ac facilisis。

  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis
  • 不必了。Donec viverra eu quam ac facilisis

试验

Nunc nec erat null