Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/14.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
如何在div中出现滚动条时更改css_Css_Scrollbar_Html - Fatal编程技术网

如何在div中出现滚动条时更改css

如何在div中出现滚动条时更改css,css,scrollbar,html,Css,Scrollbar,Html,我有一个关于滚动条的问题,该滚动条在不合适时出现。 例如,这里我有一条新闻。下面是布局的屏幕截图: 当您添加更多项目时,滚动条将显示在日期上。 滚动条出现在div中是默认行为,但是否可以 当滚动条出现在内部时应用css。例如,我可以使用右边填充:16px; 到集装箱。唯一的问题是,另一个容器被浮动到它上面,而这些容器在一个大容器中,那么布局会因为额外的填充而崩溃 有没有其他方法可以保持布局不被破坏 以下是链接: 和容器的css: .container { width: 200px; heig

我有一个关于滚动条的问题,该滚动条在不合适时出现。
例如,这里我有一条新闻。下面是布局的屏幕截图:

当您添加更多项目时,滚动条将显示在日期上。

滚动条出现在div中是默认行为,但是否可以 当滚动条出现在内部时应用css。例如,我可以使用右边填充:16px; 到集装箱。唯一的问题是,另一个容器被浮动到它上面,而这些容器在一个大容器中,那么布局会因为额外的填充而崩溃

有没有其他方法可以保持布局不被破坏

以下是链接:

和容器的css:

.container {
width: 200px;
height:200px;
border: 1px solid grey;
overflow-y:auto;
overflow-x: hidden;
/*padding-right:16px;*/
}

尊敬的Chris。

不使用填充的另一个选项是:

.item {
display:inline-block;
width:184px;
height: auto;
border-bottom: 1px solid grey;
}

不使用填充的另一个选项是:

.item {
display:inline-block;
width:184px;
height: auto;
border-bottom: 1px solid grey;
}

你到底需要什么?你可以发布你想要的结果图像吗?你到底需要什么?你可以发布你想要的结果图像吗?谢谢,但是当你为该项目应用固定的时,如果没有滚动条,则右侧的空间太大。谢谢,但是,当您为该项目应用固定with时,如果没有滚动条,则右侧的空间太大。