Html 聊天网站设计中的滚动问题

Html 聊天网站设计中的滚动问题,html,css,Html,Css,我在聊天网站上收到滚动问题。底部滚动条不可见且滚动条在实时聊天中不起作用 @charset“utf-8”; /*CSS文档*/ html, 身体{ 字体系列:Arial,Gotham,“Helvetica Neue”,Helvetica,无衬线; 线高:20px; 保证金:0; 填充:0; 溢出:隐藏; 框大小:边框框; 身高:100%; } .内部{ 最大宽度:100%; 填充:0 20px; } .col-1, .col-10, col-11, .col-12, .col-2, .col-

我在聊天网站上收到滚动问题。底部滚动条不可见且滚动条在实时聊天中不起作用

@charset“utf-8”;
/*CSS文档*/
html,
身体{
字体系列:Arial,Gotham,“Helvetica Neue”,Helvetica,无衬线;
线高:20px;
保证金:0;
填充:0;
溢出:隐藏;
框大小:边框框;
身高:100%;
}
.内部{
最大宽度:100%;
填充:0 20px;
}
.col-1,
.col-10,
col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9{
显示:块;
位置:相对位置;
浮动:左;
宽度:100%
}
.左文本{
文本对齐:左对齐;
}
.文本中心{
文本对齐:居中;
}
.文字权利{
文本对齐:右对齐;
}
标题{
位置:固定;
z指数:9999;
排名:0;
左:0;
宽度:100%;
背景:#333;
最小高度:60px;
}
标题:之后{
明确:两者皆有;
内容:'';
显示:表格;
}
标题导航{
位置:相对位置;
填充:20px;
}
.信用卡{
位置:绝对位置;
排名:0;
右:40px;
颜色:#fff;
文本对齐:右对齐;
文本转换:大写;
字号:700;
}
.信用卡i{
位置:绝对位置;
顶部:26px;
左侧填充:20px;
}
.信用卡{
利润率:10px0;
填充:0;
}
.扳机{
显示:内联块;
光标:指针;
}
.bar1,
.bar2,
.bar3{
宽度:28px;
高度:3倍;
背景色:#fff;
利润率:6px0;
过渡:0.4s;
}
/*旋转第一根杆*/
.找零{
-webkit变换:旋转(-45度)平移(-4px,6px);
变换:旋转(-45度)平移(-9px,6px);
}
/*淡出第二条*/
.找零{
不透明度:0;
}
/*旋转最后一条*/
.找零{
-webkit变换:旋转(45度)平移(-8px,-8px);
变换:旋转(45度)平移(-8px,-8px);
}
.col-3:之后{
内容:'';
明确:两者皆有;
显示:块;
}
.标志a{
位置:绝对位置;
顶部:26px;
左:80px;
字号:28px;
显示:块;
文字装饰:无;
颜色:#fff;
文本转换:大写;
}
.打赌,
视频
.聊天{
位置:相对位置;
溢出y:滚动;
身高:100%;
z指数:1;
背景:#191919;
}
.PB15{
填充:15px 15px 15px 30px;
}
.科{
位置:相对位置;
身高:100%;
宽度:100%;
填充顶部:78px;
}
.PB80{
填充底部:78px;
}
.投注名称{
背景:"282828 ;;
填充:15px 15px 15px 45px;
颜色:#fff;
线高:15px;
}
.打赌头衔跨度{
左侧填充:15px;
字号:600;
}
.视频{
背景:#22222;
}
.视频.视频内容{
填充:20px 10px 30px 60px;
}
.包装纸{
位置:绝对位置;
排名:0;
左:0;
底部:0;
右:0;
溢出:滚动;
}
.视频标题{
列表样式:无;
颜色:#fff;
保证金:0;
填充:0;
}
.视频标题李{
显示:内联块;
}
.视频标题李:第一个孩子{
字体大小:20px;
字号:700;
}
.视频标题李:最后一个孩子{
颜色:rgba(1591591591.00);
位置:绝对位置;
右:0;
右边距:20px;
}
.名单{
列表样式:无;
保证金:0;
填充:10px0;
}
.视频h3{
颜色:#fff;
}
李先生{
显示:内联块;
颜色:#fff;
}
.列表跨度{
填充:0 20px 0 10px;
颜色:rgba(1591591591.00);
}
.max-100{
显示:块;
最大宽度:100%;
}
.聊天.下注标题{
边缘底部:10px;
}
.集装箱{
填充:20px 0 0 20px;
}
.用户{
位置:相对位置;
边缘底部:15px;
显示器:flex;
}
.img用户{
宽度:30px;
高度:30px;
最大宽度:100%;
}
.用户名{
颜色:#A7A7;
字号:600;
}
.users.user msg{
颜色:#fff;
填充:0 20px;
}
.用户范围:最后一个孩子{
左侧填充:10px;
}
.col-1{
宽度:8.33333%
}
.col-2{
宽度:16.666 7%
}
上校3{
宽度:25%
}
.col-4{
宽度:33.3333%
}
上校5{
宽度:41.666 7%
}
.col-6{
宽度:50%
}
上校7{
宽度:58.3333%
}
.col-8{
宽度:66.666 7%
}
.col-9{
宽度:75%
}
上校10{
宽度:83.3333%
}
上校11{
宽度:91.666 7%
}
上校12{
宽度:100%
}
@介质(最小宽度:768px){
上校3{
宽度:100%;
}
.col-6{
宽度:100%;
}
}
@介质(最小宽度:1200px){
.col-1{
宽度:8.33333%
}
.col-2{
宽度:16.666 7%
}
上校3{
宽度:25%
}
.col-4{
宽度:33.3333%
}
上校5{
宽度:41.666 7%
}
.col-6{
宽度:50%
}
上校7{
宽度:58.3333%
}
.col-8{
宽度:66.666 7%
}
.col-9{
宽度:75%
}
上校10{
宽度:83.3333%
}
上校11{
宽度:91.666 7%
}
上校12{
宽度:100%
}
}

现场聊天
Credtis可用

23000

现场投注 您的浏览器不支持视频标记。
  • 强大的Scrpio VS传统的主要螳螂
  • 1548正在观看
  • 2.8k
  • 112
当前最佳总学分:13000学分 您的浏览器不支持视频标记。
  • 强大的Scrpio VS传统的主要螳螂
  • 1548正在观看
  • 2.8k
  • 112
当前最佳总学分:13000学分 您的浏览器不支持视频标记。
  • 强大的Scrpio VS传统公关