html超过高度的没显示,CSS 设置的高度超出屏幕高度为什么没出现滚动条？

</div>

//重复.waterBox2里的内容。

</li>

.waterBox1{

position: relative;

border: solid 3px black;

border-radius:3px;

width:96%;

height:auto;}

.waterBox1:after{

content: “”;

clear: both;

display: block;}

.waterBox2{

padding: 20px 0 0 40px;

float: left;}

.waterBox3{

padding: 10px;

border: solid white 1px;

box-shadow: 0 0 5px;

background: white;

border-radius: 4px;}

.waterBox3 > img{width: 185px;height: auto;}

我重复在.waterBox1内插入.waterBox2(含其所有后代元素)直到溢出

屏幕，虽然屏幕出现了滚动条，但是只是卷起了很少一部分内容，。所以看不到

下面的内容(图片)。当我给.waterBox1加个overflow:scroll属性

之后可以看到，但是.waterBox1并没有滚动条出现只是有个，

滚动条的样式出现，内容是平铺下来的，并没有被卷起。发现Body盒子的之前滚动条

卷起的内容比以前多了很多。求解为什么没有在.waterBox1盒子内卷起？为什么不

设置.waterBox1的overflow:scroll属性会看不到下面的内容？按理说超出游览器

高度会出现滚动条往下卷啊，然而之前它出现了却没往下卷很多，只是卷了一点，这根本

不足够让我看到下面的内容

——-分割线—

忘了说，我给那个最大的容器设置了scroll属性(最大那个容器是一个DIV是Body的子元素)

原因：

你没有设置高度：

height: auto;

不行的。

修改：

height: 100px; // 一个较小的高度

overflow-y: scroll; //overflow: scroll; XY轴都有，不好。

你的情况尝试：

height: auto;

大量数据， body 不设置，自然底部。

html超过高度的没显示,CSS 设置的高度超出屏幕高度为什么没出现滚动条？相关推荐

解决height:100vh超出屏幕高度的问题
废话不多说 , 先来看看问题期望的样子 : 实际的样子 : 怎么样 , 看出问题了吧 , 那来看看代码吧 ! ( 只看有关的代码哦 ) // 此处使用stylus书写样式 .evaluation / ...
css超出两行省略号没效果,Css 设置超过再两行显示省略号
大部分场景都是超过一行就显示... {{item.name}} {{item.name}} export default { return { item: {name:'this is a very ...
css设置不显示超出内容_显示...,css设置内容超出后显示省略号
1.使用overflow: hidden把超出的内容进行隐藏: 2.然后使用white-space: nowrap设置内容不换行: 3.最后使用text-overflow: ellipsis设置超出内 ...
css设置宽高相等，高度自适应
文章目录 1.img设置宽度后,高度可以根据图片的原始尺寸自动得出 2.可以设置宽度,然后设置宽高比来得出高度参考链接 1.img设置宽度后,高度可以根据图片的原始尺寸自动得出 2.可以设置宽度,然 ...
怎么调整html文本域宽度和高度,如何使用CSS设置textarea的宽度和高度？
这是我的css: .editor-field textarea { width : 400; height : 100px; } 这是我的观点的标记: @Html.EditorFor(model =& ...
css 设置多行超出显示为省略号，可多行超出显示为省略号
开发过程中我们可能会遇到这样的需求: 有一行文本,不足一行,全部显示,超出一行,行尾显示为省略号. 可能你会有些扫操作,用 JS 去动态的判断,尽管效果已经实现,但是看上去搓的一逼,配不上前端这个词. ...
如何在html图片里输入文字居中显示,CSS设置文字图片垂直居中的方法总结
其实很简单,只需要在尾部增加一个 ,然后把需要垂直居中的元素设置display:inline-block; vertical-align:middle; 看看效果图实例代码复制代码代码如下: *{ ...
android 自定义键盘高度不对,NVUE 容器一旦设置了position且容器高度不能超过整屏，在安卓端就会被键盘遮挡...
譬如WEEX的这个input的例子,如果把input删的不足以撑满整个界面,在安卓端,不会自动的整页往上浮动,导致input被键盘遮挡,这个问题应该怎么解决啊?IOS正常 http://dotwe.o ...
CSS设置背景铺满屏幕且不重复
body{background-image:url("img/科技2.jpg");background-repeat:no-repeat;/*设置背景不重复*/background ...

html超过高度的没显示,CSS 设置的高度超出屏幕高度为什么没出现滚动条？

html超过高度的没显示,CSS 设置的高度超出屏幕高度为什么没出现滚动条？相关推荐

最新文章

热门文章