草庐IT

scrolling_div

全部标签

javascript - 我需要向父 div 添加一个像素

我有一个用于“教室”的div,其中包含每个“学生”的div。每个“学生”div包含一个图像。这是HTML:我想在一行中显示所有“学生”div,所以我使用以下css:body{padding:0;margin:0;overflow:hidden;}html,body{height:100%;}.classroom{position:relative;height:100%;}.classroom.student{position:relative;height:100%;float:left;}.classroom.student.student-image{height:100%;}为

javascript - 如果隐藏另一个 div,则 div 宽度调整为 100%

如何设置#leftdiv的宽度当#rightdiv时变为100%被隐藏,当点击按钮时,s应该是挨着的。我已经得到了单击按钮时彼此相邻,但我想展开#leftdiv当#rightdiv时变为100%是隐藏的。functiontoggleSideBar(){ vardiv=document.getElementById('rightdiv');if(div.style.display!=='none'){div.style.display='none';}else{div.style.display='block';} };#leftdiv{border:solidmediumthick

javascript - 如果隐藏另一个 div,则 div 宽度调整为 100%

如何设置#leftdiv的宽度当#rightdiv时变为100%被隐藏,当点击按钮时,s应该是挨着的。我已经得到了单击按钮时彼此相邻,但我想展开#leftdiv当#rightdiv时变为100%是隐藏的。functiontoggleSideBar(){ vardiv=document.getElementById('rightdiv');if(div.style.display!=='none'){div.style.display='none';}else{div.style.display='block';} };#leftdiv{border:solidmediumthick

处理微信小程序scroll-view未被占满时滚动的问题

微信小程序(原生/uniapp)使用了scroll-view组件的第一个子元素设置了margin-top时,即使scroll-view只有一行也可以滚动。解决办法:方案一:去掉第一个元素的margin-top,设置scroll-view组件的padding-top来替代。这样做的话在滚动时scroll-view顶部和最上面一个元素之间总是有一段空隙。下面两个方案几乎没有负面影响。方案二:去掉第一个元素的margin-top,在scroll-view组件和第一个子元素之间添加一个高度固定的空白元素。方案三:将scroll-view组件的所有直接子元素用一个容器包裹,并将容器的宽高都设置为100%

css - 没有绝对位置的动态父级的 float div 100% 高度?

我在这里读了很多书,但找不到我的答案的解决方案。根据下面的html,我有一个容器div,其中有多个float的左侧div。#BoardNameTopicsPostsLastPost我的问题是.catbg0没有特定的高度,.catb2的内容将它推低到它的高度,并且由于内容可能会有所不同,所以我无法设置特定的高度。我希望其余的.catb类达到.catbg0类的100%高度,但设置高度:100%;不起作用。下面是与上述内容相关的CSS。.catb1{float:left;width:9%;height:100%;min-height:100%;}.catb2{float:left;width

css - 没有绝对位置的动态父级的 float div 100% 高度?

我在这里读了很多书,但找不到我的答案的解决方案。根据下面的html,我有一个容器div,其中有多个float的左侧div。#BoardNameTopicsPostsLastPost我的问题是.catbg0没有特定的高度,.catb2的内容将它推低到它的高度,并且由于内容可能会有所不同,所以我无法设置特定的高度。我希望其余的.catb类达到.catbg0类的100%高度,但设置高度:100%;不起作用。下面是与上述内容相关的CSS。.catb1{float:left;width:9%;height:100%;min-height:100%;}.catb2{float:left;width

css - 有没有办法仅使用 CSS 更改 HTML DIV 的顺序?

我有一个在任何情况下都无法更改的.HTML文件。我必须设计网页样式,使页眉DIV位于页面顶部(100%宽度),导航DIV(25%宽度)出现在页眉DIV下方的左侧,销售DIV(75%宽度)显示在导航DIV的右侧,产品DIV(100%宽度)位于销售DIV下方。页脚DIV位于页面上所有其他DIV下方的最底部,100%宽度。是否可以在不改变HTMLDIV的逻辑顺序并且只使用CSS定位、float等的情况下做到这一点? 最佳答案 如果你可以固定标题高度,那么它就很简单了,只需为#header使用position:absolute或负边距:#w

css - 有没有办法仅使用 CSS 更改 HTML DIV 的顺序?

我有一个在任何情况下都无法更改的.HTML文件。我必须设计网页样式,使页眉DIV位于页面顶部(100%宽度),导航DIV(25%宽度)出现在页眉DIV下方的左侧,销售DIV(75%宽度)显示在导航DIV的右侧,产品DIV(100%宽度)位于销售DIV下方。页脚DIV位于页面上所有其他DIV下方的最底部,100%宽度。是否可以在不改变HTMLDIV的逻辑顺序并且只使用CSS定位、float等的情况下做到这一点? 最佳答案 如果你可以固定标题高度,那么它就很简单了,只需为#header使用position:absolute或负边距:#w

javascript - 在 div 的最后一行平铺 div 等高

大家好,有没有办法实现以下设计?我设计了我的div,但我不知道如何得到它。div位于页面的中心,所有这些div的包装宽度都可以调整。正常内容当wrapper变小时,它将是一个两列的div,最后一个仍然相等。*wrapperdiv在放大和缩小时调整其宽度..代码html,body{padding:0;margin:0;min-width:820px;color:#333333;background-color:#F1F1f1;font-family:Arial,Helvetica,Sans-Serif;font-style:normal;font-weight:normal;font-s

javascript - 在 div 的最后一行平铺 div 等高

大家好,有没有办法实现以下设计?我设计了我的div,但我不知道如何得到它。div位于页面的中心,所有这些div的包装宽度都可以调整。正常内容当wrapper变小时,它将是一个两列的div,最后一个仍然相等。*wrapperdiv在放大和缩小时调整其宽度..代码html,body{padding:0;margin:0;min-width:820px;color:#333333;background-color:#F1F1f1;font-family:Arial,Helvetica,Sans-Serif;font-style:normal;font-weight:normal;font-s