草庐IT

百分之百

全部标签

html - 如何将垂直滚动条应用于具有百分比高度的 div?

我遇到过很多类似性质的问题,但我的情况有点不同;我的外部容器高度为100%,而不是固定高度。我在一个容器中有一堆div。它们溢出,我想要一个滚动条以允许滚动。这正是我想要实现的:http://jsfiddle.net/jcjw2jmo/除了,我发布的链接有一个固定的height:200px;。我想要一个百分比高度。我试过设置百分比height和max-height但没有成功。这是我的进度:http://jsfiddle.net/k52eh0xr/如何让两个fiddle具有相同的行为,但使用百分比代替?非常感谢附言。我知道这可以使用Javascript/jQuery来完成,但我正在寻找仅

html - 如何将垂直滚动条应用于具有百分比高度的 div?

我遇到过很多类似性质的问题,但我的情况有点不同;我的外部容器高度为100%,而不是固定高度。我在一个容器中有一堆div。它们溢出,我想要一个滚动条以允许滚动。这正是我想要实现的:http://jsfiddle.net/jcjw2jmo/除了,我发布的链接有一个固定的height:200px;。我想要一个百分比高度。我试过设置百分比height和max-height但没有成功。这是我的进度:http://jsfiddle.net/k52eh0xr/如何让两个fiddle具有相同的行为,但使用百分比代替?非常感谢附言。我知道这可以使用Javascript/jQuery来完成,但我正在寻找仅

html - 使用绝对位置和百分比垂直居中子 div 时出现错误

我有一个div,它是我正在设置动画以显示在其父div的直接中心的“弹出窗口”。所以我使用绝对定位、负边距和left+top来定位它,这样我就可以在悬停时用-webkit-transform:translateY(-100%)简单地设置动画。在Safari和MobileSafari上运行良好。如果您在Chrome或Firefox中使用像素,它可以正常工作,即使您使用所有百分比但使用像素设置父div宽度,它也可以工作。但是,如果你使用所有百分比,FF+Chrome似乎完全是胡说八道,并根据我无法弄清楚的东西渲染百分比。FiddleExample:在Safari和FF/Chrome中查看此内

html - 使用绝对位置和百分比垂直居中子 div 时出现错误

我有一个div,它是我正在设置动画以显示在其父div的直接中心的“弹出窗口”。所以我使用绝对定位、负边距和left+top来定位它,这样我就可以在悬停时用-webkit-transform:translateY(-100%)简单地设置动画。在Safari和MobileSafari上运行良好。如果您在Chrome或Firefox中使用像素,它可以正常工作,即使您使用所有百分比但使用像素设置父div宽度,它也可以工作。但是,如果你使用所有百分比,FF+Chrome似乎完全是胡说八道,并根据我无法弄清楚的东西渲染百分比。FiddleExample:在Safari和FF/Chrome中查看此内

html - Bootstrap 行自定义高度百分比

我正在开发一个小网站,但遇到了一些麻烦。我想要的是调整具有特定高度的“行”div的大小,以百分比表示。我已经在SO上搜索过,但对我来说没有任何好处。这是我的代码:...class"row-first"目前没有规则所以不会生效。我希望“行优先”div是视口(viewport)高度的80%,但调整它大小的唯一方法是将一些内容放入div中,以便div的高度跟随内容高度。我的CSS:html{height:100%;}body{height:100%;}body{font-family:'Muli',sans-serif;}.container-fluid{max-height:100%;pa

html - Bootstrap 行自定义高度百分比

我正在开发一个小网站,但遇到了一些麻烦。我想要的是调整具有特定高度的“行”div的大小,以百分比表示。我已经在SO上搜索过,但对我来说没有任何好处。这是我的代码:...class"row-first"目前没有规则所以不会生效。我希望“行优先”div是视口(viewport)高度的80%,但调整它大小的唯一方法是将一些内容放入div中,以便div的高度跟随内容高度。我的CSS:html{height:100%;}body{height:100%;}body{font-family:'Muli',sans-serif;}.container-fluid{max-height:100%;pa

html - 百分号 (%) 的 HTML 字符引用代码是什么?

我想使用与字符%关联的代码。例如当我们想写é然后我们编码é,那么%的代码是什么? 最佳答案 有很多可能性:%%%您在以下网站上找到的包含所有可能字符的引用:http://dev.w3.org/html5/html-author/charref 关于html-百分号(%)的HTML字符引用代码是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/question

html - 百分号 (%) 的 HTML 字符引用代码是什么?

我想使用与字符%关联的代码。例如当我们想写é然后我们编码é,那么%的代码是什么? 最佳答案 有很多可能性:%%%您在以下网站上找到的包含所有可能字符的引用:http://dev.w3.org/html5/html-author/charref 关于html-百分号(%)的HTML字符引用代码是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/question

javascript - 如何在 JavaScript 中获取 HTML 元素的水平滚动百分比?

我们如何计算滚动条在开始和结束之间的元素上覆盖的“距离”百分比?$('#container').scroll(function(){varscrollPercentage;//Howtogetscrollpercentage?});因此,如果滚动条完全位于左侧,我们希望获得0,如果滚动条完全位于右侧,我们希望获得100。 最佳答案 varscrollPercentage=100*this.scrollLeft/(this.scrollWidth-this.clientWidth);http://jsfiddle.net/vWDfb/

javascript - 如何在 JavaScript 中获取 HTML 元素的水平滚动百分比?

我们如何计算滚动条在开始和结束之间的元素上覆盖的“距离”百分比?$('#container').scroll(function(){varscrollPercentage;//Howtogetscrollpercentage?});因此,如果滚动条完全位于左侧,我们希望获得0,如果滚动条完全位于右侧,我们希望获得100。 最佳答案 varscrollPercentage=100*this.scrollLeft/(this.scrollWidth-this.clientWidth);http://jsfiddle.net/vWDfb/