Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 溢出-x出现但无法滚动_Html_Css_Overflow - Fatal编程技术网

Html 溢出-x出现但无法滚动

Html 溢出-x出现但无法滚动,html,css,overflow,Html,Css,Overflow,我创建了一个具有固定标题的表,但问题是,当容器上有最小宽度时,不会出现溢出-x,但我无法调整内容的宽度,因为我需要它们具有固定宽度,这就是为什么我将容器设置为最小宽度。我附上了一个提琴样品,这是我的参考。 表格{ 宽度:100%; 表布局:固定; } .tbl标题{ 背景色:rgba(255255,0.3); } .tbl内容{ 高度:300px; 溢出-x:自动; 边际上限:0px; 边框:1px实心rgba(255255,0.3); } th{ 填充:20px 15px; 文本对齐:左对

我创建了一个具有固定标题的表,但问题是,当容器上有最小宽度时,不会出现溢出-x,但我无法调整内容的宽度,因为我需要它们具有固定宽度,这就是为什么我将容器设置为最小宽度。我附上了一个提琴样品,这是我的参考。

表格{
宽度:100%;
表布局:固定;
}
.tbl标题{
背景色:rgba(255255,0.3);
}
.tbl内容{
高度:300px;
溢出-x:自动;
边际上限:0px;
边框:1px实心rgba(255255,0.3);
}
th{
填充:20px 15px;
文本对齐:左对齐;
字号:500;
字体大小:12px;
颜色:#fff;
文本转换:大写;
}
运输署{
填充:15px;
文本对齐:左对齐;
垂直对齐:中间对齐;
字体大小:300;
字体大小:12px;
颜色:#fff;
边框底部:实心1pxRGBA(255255,0.1);
}
/*演示样式*/
@导入url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,700);
身体{
背景:-webkit线性梯度(左,#25c481,#25b7c4);
背景:线性梯度(向右,#25c481,#25b7c4);
字体系列:“Roboto”,无衬线;
}
部分{
利润率:50像素;
}
/*跟我来模板*/
.用爱制造{
边缘顶端:40px;
填充:10px;
清除:左;
文本对齐:居中;
字体大小:10px;
字体系列:arial;
颜色:#fff;
}
.我爱你{
字体风格:普通;
颜色:#F50057;
字体大小:14px;
位置:相对位置;
顶部:2个;
}
.用爱制造{
颜色:#fff;
文字装饰:无;
}
.用爱制造a:悬停{
文字装饰:下划线;
}
/*用于webkit浏览器的自定义滚动条*/
:-webkit滚动条{
宽度:6px;
} 
:-webkit滚动条轨迹{
-webkit盒阴影:插入0.0 6px rgba(0,0,0,0.3);
} 
:-webkit滚动条拇指{
-webkit盒阴影:插入0.0 6px rgba(0,0,0,0.3);
}
部分{
最小宽度:1300px;
溢出-x:滚动;
}

代码
单位
价格
改变
变动%
AAC
澳大利亚公司
$1.38
+2.01
-0.36%
AAD
奥森科
$2.38
-0.01
-1.36%
AAX
阿德莱德
$3.22
+0.01
+1.36%
XXD
阿迪蒂亚比拉酒店
$1.02
-1.01
+2.36%
AAC
澳大利亚公司
$1.38
+2.01
-0.36%
AAD
奥森科
$2.38
-0.01
-1.36%
AAX
阿德莱德
$3.22
+0.01
+1.36%
XXD
阿迪蒂亚比拉酒店
$1.02
-1.01
+2.36%
AAC
澳大利亚公司
$1.38
+2.01
-0.36%
AAD
奥森科
$2.38
-0.01
-1.36%
AAX
阿德莱德
$3.22
+0.01
+1.36%
XXD
阿迪蒂亚比拉酒店
$1.02
-1.01
+2.36%
AAC
澳大利亚公司
$1.38
+2.01
-0.36%
AAD
奥森科
$2.38
-0.01
-1.36%
AAX
阿德莱德
$3.22
+0.01
+1.36%
XXD
阿迪蒂亚比拉酒店
$1.02
-1.01
+2.36%
AAC
澳大利亚公司
$1.38
+2.01
-0.36%
AAD
奥森科
$2.38
-0.01
-1.36%
AAX
阿德莱德
$3.22
+0.01
+1.36%
XXD
阿迪蒂亚比拉酒店
$1.02
-1.01
+2.36%
AAC
澳大利亚公司
$1.38
+2.01
-0.36%
AAD
奥森科
$2.38
-0.01
-1.36%
AAX
阿德莱德
$3.22
+0.01
+1.36%
XXD
阿迪蒂亚比拉酒店
$1.02
-1.01
+2.36%
AAC
澳大利亚公司
$1.38
+2.01
-0.36%
AAD
奥森科
$2.38
-0.01
-1.36%
AAX
阿德莱德
$3.22
+0.01
+1.36%
XXD
阿迪蒂亚比拉酒店
$1.02
-1.01
+2.36%
AAC
澳大利亚公司
$1.38
+2.01
-0.36%
AAD
奥森科
$2.38
-0.01
-1.36%
AAX
阿德莱德
$3.22
+0.01
+1.36%
XXD
阿迪蒂亚比拉酒店
$1.02
-1.01
+2.36%
用
♥ 通过

您需要像这样更改css:

.tbl头{
最小宽度:1300px;/*添加此行*/
背景色:rgba(255255,0.3);
}
.tbl内容{
最小宽度:1300px;/*添加此行*/
高度:300px;
溢出-x:自动;
边际上限:0px;
边框:1px实心rgba(255255,0.3);
}
部分{
/*最小宽度:1300px;删除此行*/
溢出-x:滚动;
}

检查此处:

您需要像这样更改css:

.tbl头{
最小宽度:1300px;/*添加此行*/
背景色:rgba(255255,25