我将overflow-y参数添加到我的css中的“滚动”,以便在溢出时有滚动条..我的问题是,如果内容没有溢出-我仍然有空白滚动条。如何设置溢出以仅在需要时显示滚动条? 最佳答案 您可以将其设置为autooverflow-y:auto;它只会在溢出的情况下显示滚动条。引用:Whatbrowserssupport`overflow-y`? 关于html-Css溢出-y:howtoshowonlywhenneeded,我们在StackOverflow上找到一个类似的问题:
我将overflow-y参数添加到我的css中的“滚动”,以便在溢出时有滚动条..我的问题是,如果内容没有溢出-我仍然有空白滚动条。如何设置溢出以仅在需要时显示滚动条? 最佳答案 您可以将其设置为autooverflow-y:auto;它只会在溢出的情况下显示滚动条。引用:Whatbrowserssupport`overflow-y`? 关于html-Css溢出-y:howtoshowonlywhenneeded,我们在StackOverflow上找到一个类似的问题:
我有一个height="400px",width="25px"的div。当div内容溢出时如何展开? 最佳答案 使用样式表和改变width:25px;到min-width:25px;和height:400px;到min-height:400px; 关于css-内容溢出时展开div,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3082923/
我有一个height="400px",width="25px"的div。当div内容溢出时如何展开? 最佳答案 使用样式表和改变width:25px;到min-width:25px;和height:400px;到min-height:400px; 关于css-内容溢出时展开div,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3082923/
这段代码使浏览器在内容大于窗口时有水平滚动条,向右溢出:div.a{position:relative;float:left;background-color:red;}div.b{position:absolute;top:100%;left:100%;background-color:blue;white-space:nowrap;}Text1Text2Text2Text2Text2Text2Text2Text2Text2但是,如果我让第一个div向右浮动,然后将第二个div定位在它的左侧,浏览器不会制作水平滚动条,并且无法查看溢出的文本。div.a{position:relati
这段代码使浏览器在内容大于窗口时有水平滚动条,向右溢出:div.a{position:relative;float:left;background-color:red;}div.b{position:absolute;top:100%;left:100%;background-color:blue;white-space:nowrap;}Text1Text2Text2Text2Text2Text2Text2Text2Text2但是,如果我让第一个div向右浮动,然后将第二个div定位在它的左侧,浏览器不会制作水平滚动条,并且无法查看溢出的文本。div.a{position:relati
我正在尝试从ul对象创建一个旋转木马,其中li元素是block,而ul是旋转木马容器。我尝试了两种方法,但似乎都行得通,溢出属性没有按我希望的方式运行。方法一: 这种方法的问题是元素在溢出时不会水平堆叠(这是我想要/期望的)。我怀疑这是由于li元素中的display:block造成的,但它们需要具有固定的宽度/高度,有没有办法解决这个问题?方法二:.ui-carousel{display:block;overflow:hidden;list-style:none;}.ui-carousel-element{margin:0;padding:0;disp
我正在尝试从ul对象创建一个旋转木马,其中li元素是block,而ul是旋转木马容器。我尝试了两种方法,但似乎都行得通,溢出属性没有按我希望的方式运行。方法一: 这种方法的问题是元素在溢出时不会水平堆叠(这是我想要/期望的)。我怀疑这是由于li元素中的display:block造成的,但它们需要具有固定的宽度/高度,有没有办法解决这个问题?方法二:.ui-carousel{display:block;overflow:hidden;list-style:none;}.ui-carousel-element{margin:0;padding:0;disp
在我的网页上,我有一个Logo和一个菜单,它们构成标题元素和下面的英雄单元。现在我想给它一些底边距,以便它们之间有足够的负空间header和hero单元,但这个底部边距(100px)不适用。如果我尝试从英雄单元中获得最高利润,也是一样。.header{width:95%;margin:20pxauto100px;}这是我的工作示例JSBIN 最佳答案 在其下添加一个div:.someclass{clear:both;}会有帮助。但更简单的是:.header{width:95%;margin:20pxauto100px;overflo
在我的网页上,我有一个Logo和一个菜单,它们构成标题元素和下面的英雄单元。现在我想给它一些底边距,以便它们之间有足够的负空间header和hero单元,但这个底部边距(100px)不适用。如果我尝试从英雄单元中获得最高利润,也是一样。.header{width:95%;margin:20pxauto100px;}这是我的工作示例JSBIN 最佳答案 在其下添加一个div:.someclass{clear:both;}会有帮助。但更简单的是:.header{width:95%;margin:20pxauto100px;overflo