谷歌视频栏宽宽宽出天际爆出屏幕

[hi-yiyang]

如图所示。

只有单列居中/多列模式不会出现这个bug，而在原始排列/单列/关闭自定义都会出现。

[anlondon]

我也遇到了，不过我知道怎么解决

解决 （二选一）

1. 关闭自动加载
2. 在附加10中，添加以下内容即可解决

.g {
 line-height:1.58;
 text-align:left;
 position: relative;
}
.U1TUId{
  float: left;
  position: relative;
  height:82px;
}

原因：

是因为每个视频元素都有一个position:absolute的css,目的是，页面加载时将视频绝对定位到某处，因为是自动加载页面，导致绝对定位错误。

@yiyangthesame

[ghost]

只有单列居中/多列模式不会出现这个bug

@yiyangthesame 单列居中时，在不同的搜索内容及其返回结果中，这种情况实际上也会出现。

比如搜索minecraft background music时，无论附加10-自定义样式是默认、清空、或是 @anlondon 提供的CSS，都是这个效果：

在附加10中，添加以下内容即可解决

@anlondon 我多次尝试过你的方法，仍未成功，请问你可以将完整的CSS发出来吗？

[anlondon]

我才发现我的问题和你们的不太一样😂

.g {
 line-height:1.58;
 text-align:left;
 position: relative;
 width:600px;
}
.U1TUId{
  float: left;
  position: relative;
  height:82px;
}

我简单看了下，你或许可以在 .g{}中加入 width:600px;来解决

完整css:

/**计数器的颜色样式*/
div .AC-CounterT{
  background: #FD9999;
}
/**右侧栏的样式-其实不开启更好看一些*/
#content_right{
  padding: 20px 15px 15px;
  border-radius: 5px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1);
}
body[baidu] {
  position: relative;
}
body[baidu]:before {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: '';
  background-image: url('https://img.tujidu.com/image/5fdde8468423e.jpg');
  background-size: 100% auto;
  opacity: 1; /*背景图透明度=0.8，最大1*/
}
/**隐藏首页的大图标-修复可能导致外援样式异常**/
body[baidu] #s_lg_img_new{
  display:none !important;
}
body[baidu] .c-container{
  border-radius: 5px;
  background-color: rgba(255,255,255, 0.3) !important; /*百度搜索块体的颜色；透明度=0.1，最大1*/
}
body[baidu] .c-container h3{
  background-color: rgba(248,248,248, 0.3) !important; /*百度搜索块体 - 标题的颜色；透明度=0.1，最大1*/
}
.g {
 line-height:1.58;
 text-align:left;
 position: relative;
 width:600px;
}
.U1TUId{
  float: left;
  position: relative;
  height:82px;
}

我的设置：

@BahuangShanren

[anlondon]

我现在真正遇到了题主的问题，

解决 勾选附加10，并写入以下css代码即可解决 视频列表过宽的问题

/*视频过宽*/
g-scrolling-carousel{
    display:inline-grid !important;
}
.Lu0opc.ESkzqb.pQXcHc,
.Lu0opc.ESkzqb.pQXcHc:hover {
 opacity:1 !important;
 visibility:inherit !important;
}

@yiyangthesame

[ghost]

我现在真正遇到了题主的问题，

解决 勾选附加10，并写入以下css代码即可解决 视频列表过宽的问题

/*视频过宽*/
g-scrolling-carousel{
    display:inline-grid !important;
}
.Lu0opc.ESkzqb.pQXcHc,
.Lu0opc.ESkzqb.pQXcHc:hover {
 opacity:1 !important;
 visibility:inherit !important;
}

@anlondon 这同时解决了我的问题👍