草庐IT

Overflow

全部标签

html - CSS 显示 : table-cell ignores overflow and width

fiddle:http://jsfiddle.net/wTtsV/表格单元格#t2的大小不正确:HTML:aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaCSS:body{margin:0;}#table{display:table;width:100%;}#t1{display:table-cell;background-color:red;}#t2{display:table-cell;background-color:green;}#t3{display

html - CSS 显示 : table-cell ignores overflow and width

fiddle:http://jsfiddle.net/wTtsV/表格单元格#t2的大小不正确:HTML:aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaCSS:body{margin:0;}#table{display:table;width:100%;}#t1{display:table-cell;background-color:red;}#t2{display:table-cell;background-color:green;}#t3{display

html - CSS - 表格数据不在固定表格标题下 - Overflow-X

在表格固定标题中,我需要所有文本都位于固定标题下,并且固定标题不会错位。这适用于第二个表中的所有内容。但是,第二个表中的所有内容都在98%的宽度范围内。在第一个表中,我有一个TD标记,其中white-space:nowrap将所有内容保留在一行中,因此当发生overflow-x时,固定标题会错位。如何修复这个固定表头以匹配表头而不是错位?所以我需要它在Overflow-X:Auto发生时工作。我想要水平滚动条,这样很好,但固定标题会变得困惑。您可能需要更改视点的大小才能看到这种情况我认为可能是在CSS或JQUERY中我需要进行调整但不知道如何调整....JSFIDDLEhttps://

html - CSS - 表格数据不在固定表格标题下 - Overflow-X

在表格固定标题中,我需要所有文本都位于固定标题下,并且固定标题不会错位。这适用于第二个表中的所有内容。但是,第二个表中的所有内容都在98%的宽度范围内。在第一个表中,我有一个TD标记,其中white-space:nowrap将所有内容保留在一行中,因此当发生overflow-x时,固定标题会错位。如何修复这个固定表头以匹配表头而不是错位?所以我需要它在Overflow-X:Auto发生时工作。我想要水平滚动条,这样很好,但固定标题会变得困惑。您可能需要更改视点的大小才能看到这种情况我认为可能是在CSS或JQUERY中我需要进行调整但不知道如何调整....JSFIDDLEhttps://

android - 溢出-x : hidden; not working on android devices

我得出的结论是,这是一个唯一的android问题,是由我的导航菜单的工作方式引起的,并且我已经没有办法尝试了。菜单从左侧推到100%以隐藏菜单。然后我使用csstransitions让菜单从右侧滑出到窗口的80%。切换菜单后,它会在隐藏菜单的右侧留下一个空旷的空间。我不能使用display:none;因为它会杀死动画。重要问题只会在切换菜单后发生。我试过:SOQ1SOQ2SOQ3SOQ4在正文、html、包装器、.searchCont等上溢出。2014年2月6日更新这是导航菜单的CSS:ul.subNav{position:absolute;top:70px;left:100%;tra

android - 溢出-x : hidden; not working on android devices

我得出的结论是,这是一个唯一的android问题,是由我的导航菜单的工作方式引起的,并且我已经没有办法尝试了。菜单从左侧推到100%以隐藏菜单。然后我使用csstransitions让菜单从右侧滑出到窗口的80%。切换菜单后,它会在隐藏菜单的右侧留下一个空旷的空间。我不能使用display:none;因为它会杀死动画。重要问题只会在切换菜单后发生。我试过:SOQ1SOQ2SOQ3SOQ4在正文、html、包装器、.searchCont等上溢出。2014年2月6日更新这是导航菜单的CSS:ul.subNav{position:absolute;top:70px;left:100%;tra

javascript - Chrome 滚动条消失(不是 overflow-y)

页面(live-version)(大致)由三部分组成:左侧边栏内容居中右侧边栏右侧边栏应该是可滚动的,所以我设置了overflow-y:scroll;right:-17px;简单地隐藏滚动条。Body,html有overflow-y:auto;。这样我就不必有两个滚动条(用于页面和右侧边栏)。问题:(仅在CHROME中,在版本62和63上测试)出于某种原因,在不同的机器上,chrome为我提供了两种不同的滚动条样式:Case1和Case2.所以基本上,对于情况1,右侧边栏滚动条是“绝对定位的”并且页面因此隐藏了17px本身,而对于情况2滚动条“相对定位”,页面隐藏滚动条占用的17px。

javascript - Chrome 滚动条消失(不是 overflow-y)

页面(live-version)(大致)由三部分组成:左侧边栏内容居中右侧边栏右侧边栏应该是可滚动的,所以我设置了overflow-y:scroll;right:-17px;简单地隐藏滚动条。Body,html有overflow-y:auto;。这样我就不必有两个滚动条(用于页面和右侧边栏)。问题:(仅在CHROME中,在版本62和63上测试)出于某种原因,在不同的机器上,chrome为我提供了两种不同的滚动条样式:Case1和Case2.所以基本上,对于情况1,右侧边栏滚动条是“绝对定位的”并且页面因此隐藏了17px本身,而对于情况2滚动条“相对定位”,页面隐藏滚动条占用的17px。

html - 如何阻止用户在我的网站上水平滚动

这是网站:http://joshnh.com/基本上,我有一些超宽的元素,这样它们看起来就好像是从屏幕的右侧出来的。然后我在body上使用overflow-x:hidden;来overflowhidden,但这并不会阻止页面在用户使用触控板或单击并拖动鼠标时水平滚动权利。网站是流动的,所以设置overflow-x:hidden;没问题,但必须在body/html上设置标签,而不是在内容包装器上,因为那样会破坏设计。我也在使用这个jQuery片段来尝试帮助:(function($){$(window).scroll(function(){$(window).scrollLeft(0);}

html - 如何阻止用户在我的网站上水平滚动

这是网站:http://joshnh.com/基本上,我有一些超宽的元素,这样它们看起来就好像是从屏幕的右侧出来的。然后我在body上使用overflow-x:hidden;来overflowhidden,但这并不会阻止页面在用户使用触控板或单击并拖动鼠标时水平滚动权利。网站是流动的,所以设置overflow-x:hidden;没问题,但必须在body/html上设置标签,而不是在内容包装器上,因为那样会破坏设计。我也在使用这个jQuery片段来尝试帮助:(function($){$(window).scroll(function(){$(window).scrollLeft(0);}