为什么我看不到滚动条的底部

ml92

我的滚动条底部有问题,我没有向下箭头。

我还添加了overflow-y:scroll!important;

http://jsfiddle.net/nzguLb3k/

的HTML

<div class="first">
    <p>
        CSS image replacement is a technique of replacing a text element (usually a header tag like an <h1></h1>) with an image (often a logo). It has its origins in the time before web fonts and SVG. For years, web developers battled against browser inconsistencies to craft image replacement techniques that struck the right balance between design and accessibility.

Now that web fonts and SVG do much more of the heavy lifting for stylized text on the web, these techniques are falling out of use. But, we feel it's worth preserving them in this museum to celebrate the ingenuity that went into their creation, and to remind ourselves of a bygone era in web design.
        CSS image replacement is a technique of replacing a text element (usually a header tag like an <h1></h1>) with an image (often a logo). It has its origins in the time before web fonts and SVG. For years, web developers battled against browser inconsistencies to craft image replacement techniques that struck the right balance between design and accessibility.

Now that web fonts and SVG do much more of the heavy lifting for stylized text on the web, these techniques are falling out of use. But, we feel it's worth preserving them in this museum to celebrate the ingenuity that went into their creation, and to remind ourselves of a bygone era in web design.
    </p>

</div>
<div class="second">
   Now that web fonts and SVG do much more of the heavy lifting for stylized text on the web, these techniques are falling out of use. But, we feel it's worth preserving them in this museum to celebrate the ingenuity that went into their creation, and to remind ourselves of a bygone era in web design.
</div>

的CSS

.first{
    display:inline-block;
    vertical-align:top;
    width:100px;
    height:1000px;
    overflow-y:scroll !important;
}
.second{
    margin-left:100px;
    display:inline-block;
    vertical-align:top;
     width:100px;
    height:100px;
}
body{
overflow-y:hidden;
}
李斯特先生

底部的箭头在那里,您根本看不到它,因为它在窗口之外。窗口本身(通过主体设置样式)具有overflow:hidden

解决方案:不要将其应用于overflow:hidden主体,而应将其应用于第二个div(至少,据我估计,如果它不应该具有滚动条)。

我还需要height同时对html和body进行应用,以确保它们与窗口一样高。

新提琴:http : //jsfiddle.net/nzguLb3k/1/

(请注意,只有在保留边距的情况下,才需要“身体”高度的“计算”;否则可以是100%。)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

vaadin VerticalSplitPanel,出现水平滚动条,但我看不到右侧的终点线

来自分类Dev

为什么我看不到地图

来自分类Dev

为什么我看不到文件?

来自分类Dev

为什么我看不到广告?

来自分类Dev

为什么在底部有一个滚动条

来自分类Dev

我看不到为什么我收到细分错误

来自分类Dev

为什么我看不到Numpy的DeprecationWarning?

来自分类Dev

为什么我的方法看不到空对象

来自分类Dev

Java为什么看不到我的注释?

来自分类Dev

为什么我的代码看不到其主要方法?

来自分类Dev

为什么我看不到对DLL的任何请求

来自分类Dev

jQuery Post-为什么我看不到响应?

来自分类Dev

为什么我在SlidingDrawer下看不到?

来自分类Dev

澄清glFrustum,以及为什么我看不到图像

来自分类Dev

为什么我的GridView对象在代码中看不到?

来自分类Dev

为什么看不到我创建的菜单?

来自分类Dev

为什么我看不到自己的照片?

来自分类Dev

为什么我看不到整个文件?

来自分类Dev

为什么我看不到tortoiseHG的新分支?

来自分类Dev

为什么在cloudboost中看不到我的表?

来自分类Dev

XSL转换失败,我看不到为什么

来自分类Dev

为什么我看不到git命令的输出?

来自分类Dev

为什么我看不到Numpy的DeprecationWarning?

来自分类Dev

为什么我看不到粒子的动画?

来自分类Dev

为什么我看不到嵌套的参数?

来自分类Dev

为什么屏幕看不到我的别名?

来自分类Dev

为什么我看不到最后的 ECHO 语句?

来自分类Dev

希望我的滚动条始终在底部

来自分类Dev

希望我的滚动条始终在底部