Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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 如何消除打印CSS3时的溢出_Html_Css - Fatal编程技术网

Html 如何消除打印CSS3时的溢出

Html 如何消除打印CSS3时的溢出,html,css,Html,Css,我有一个div和overflow-y:scroll;属性当用户执行打印时,我需要删除此属性(Ctrl+P) #任务列表{ 溢出y:滚动; 最小高度:400px; 高度:400px; } @媒体印刷品{ #任务列表{ 溢出y:自动; 最小高度:自动; 高度:自动; } } 这与其他属性(如宽度、边距、填充)配合使用效果很好。但是我不能覆盖overflow-y属性,并且我的文档没有显示全部内容。 你可以试试这个runnable。 确保媒体打印在CSS的末尾。仅使用溢出:隐藏有什么问题?因此页面

我有一个div和overflow-y:scroll;属性当用户执行打印时,我需要删除此属性(Ctrl+P)


#任务列表{
溢出y:滚动;
最小高度:400px;
高度:400px;
}
@媒体印刷品{
#任务列表{
溢出y:自动;
最小高度:自动;
高度:自动;
}
}
这与其他属性(如宽度、边距、填充)配合使用效果很好。但是我不能覆盖overflow-y属性,并且我的文档没有显示全部内容。

你可以试试这个runnable。

确保媒体打印在CSS的末尾。

仅使用
溢出:隐藏有什么问题?因此页面是用滚动条打印的?你可以滚动打印的页面吗?@AmrNoman overflow:hidden不起作用我的div每次都在使用高度:400px@Temaniaf如果否,则卷轴是文档的一部分;这仅仅是一个页面。请确保在CSS的末尾打印媒体,在你的代码中不是这样的,现在是谷歌的热门。我很惊讶这里没有更多的视图。
<div id="taskList" class="uk-padding-small">

</div>

<style>

 #taskList{
            overflow-y: scroll;
            min-height: 400px;
            height: 400px;
        }

@media print {
#taskList{
        overflow-y: auto;
        min-height: auto;
        height: auto;
    }
}
</style>