Html CSS-将元素放置在具有相对和绝对的滚动条中。为什么？
我正在创建一个页面，其中包含一个表和一个带有一些选项的标题，并尝试将元素放置到位。我想做的一件事是创建一个菜单来显示和隐藏列。在定位过程中，我遇到了以下结果： 以下是我的HTML标记和CSS：Html CSS-将元素放置在具有相对和绝对的滚动条中。为什么？,html,css,layout,Html,Css,Layout,我正在创建一个页面，其中包含一个表和一个带有一些选项的标题，并尝试将元素放置到位。我想做的一件事是创建一个菜单来显示和隐藏列。在定位过程中，我遇到了以下结果： 以下是我的HTML标记和CSS： .conte选项卡{ 宽度：80%； 左边距：自动； 右边距：自动； } .conte tabela#cabecalho{ 背景#474241； 左边框：1px实心#312e2d； 右边框：1px实心#312e2d； 边框顶部：1px实心#312e2d； 溢出：自动； 宽度：100%； 位置：相对位置
.conte选项卡{
宽度：80%；
左边距：自动；
右边距：自动；
}
.conte tabela#cabecalho{
背景#474241；
左边框：1px实心#312e2d；
右边框：1px实心#312e2d；
边框顶部：1px实心#312e2d；
溢出：自动；
宽度：100%；
位置：相对位置；
-webkit触摸标注：无；
/*iOS野生动物园*/
-webkit用户选择：无；
/*狩猎*/
-khtml用户选择：无；
/*Konqueror HTML*/
-moz用户选择：无；
/*火狐*/
-ms用户选择：无；
/*Internet Explorer/Edge*/
用户选择：无；
/*无前缀版本，目前由Chrome和Opera支持*/
}
孔蒂·塔贝拉#卡贝卡略#提托洛{
文本转换：大写；
字号：10pt；
字体大小：粗体；
颜色：白色；
显示：内联块；
位置：绝对位置；
最高：50%；
左：38px；
-ms转换：translateY（-50%）；
-webkit转换：translateY（-50%）；
转化：translateY（-50%）；
}
.conte tabela#cabecalho#opcoes{
浮动：对；
右边距：38px；
显示：内联块；
}
.conte tabela#cabecalho#opcoes按钮{
背景色：#474241；
边框：1px实心#312e2d；
框大小：边框框；
颜色：白色；
宽度：40px；
高度：40px；
边缘顶部：14px；
边缘底部：14px；
左边距：10px；
宽度：40px；
背景重复：无重复；
背景位置：中心；
}
.conte tabela#cabecalho#opcoes#bot PESQISA{
背景图片：url（“/app/imagens/ico pesquisa.png”）；
}
.conte tabela#cabecalho#opcoes#bot colunas{
背景图片：url（“/app/imagens/ico-conf.png”）；
}
.conte tabela#cabecalho#opcoes按钮：激活{
背景色：#312e2d；
}
.conte tabela#cabecalho#menu colunas{
位置：绝对位置；
显示：内联块；
保证金：0；
填充：0；
最高：50%；
边框：1px纯黑；
z指数：100；
}
蒂图罗·德塔贝拉
-
1.
-
2.
-
3.
...
.conte tabela#cabecalho#menu colunas{position:absoluteposition:absolute；position:absolute；显示：内联块；显示：内联块；上有top:50%
。conte tabela#cabecalho#菜单colunastop:0；left；0.conte tabela#cabecalho#menu colunas{position:absoluteposition:absolute；position:absolute；显示：内联块；显示：内联块；上有top:50%
。conte tabela#cabecalho#菜单colunastop:0；left；0.wrapper {
position: relative;
}