草庐IT

some_div

全部标签

html - 内部 div 需要 100% 高度

这是我的HTML:容器是100%高度(我用Firebug检查过)。但是#left_container也需要100%,但事实并非如此!下面是我的CSS和一个screenshot.黄色应为100%。黄色是#left-container的背景html,body{height:100%;}#container{position:relative;margin:0auto;width:100%;height:100%;height:auto!important;min-height:100%;background:#fff;}#left-container{width:300px;backgro

javascript - 旋转后获取相对的 x 和 y div

所以这是我希望我在数学课上更加注意的一个:http://i.imgur.com/noKxg.jpg我有一个大容器div,在其中我有一些旋转的内容div。我想做的是通过在视口(viewport)中四处移动MainDiv在子div之间设置动画。如果我只是根据简单的x/y(上/左)计算来做这件事,那将非常容易,但是当涉及到旋转时,我的数学就崩溃了。我已经尝试了一些东西,但还没有真正破解它。这是我的结果的简化版本,请随意摆弄:http://jsfiddle.net/dXKJH/3/我真的想不通![编辑]我将此解决方案作为首选,因为我已经找到了一种使旋转插件与MSIE6+一起工作的方法。但是我不

javascript - 旋转后获取相对的 x 和 y div

所以这是我希望我在数学课上更加注意的一个:http://i.imgur.com/noKxg.jpg我有一个大容器div,在其中我有一些旋转的内容div。我想做的是通过在视口(viewport)中四处移动MainDiv在子div之间设置动画。如果我只是根据简单的x/y(上/左)计算来做这件事,那将非常容易,但是当涉及到旋转时,我的数学就崩溃了。我已经尝试了一些东西,但还没有真正破解它。这是我的结果的简化版本,请随意摆弄:http://jsfiddle.net/dXKJH/3/我真的想不通![编辑]我将此解决方案作为首选,因为我已经找到了一种使旋转插件与MSIE6+一起工作的方法。但是我不

html - 最大可能尺寸图像和 div 扩展以填充空间

我确定之前有人问过这个问题,但我找不到确切问题的答案。我想要一个非常简单的布局:-------------------header-------------------|content|graphic|-------------------哪里:页眉高度由字体大小设置;内容有固定的最小宽度;考虑到这两个限制并保持宽高比,图形尽可能大(即它的高度将与屏幕一样高减去标题,除非这会使内容面板太窄);考虑到这三个限制,内容尽可能广泛。[编辑添加:]垂直:当宽度+纵横比约束导致图像小于最大高度时,图像垂直居中水平:图像始终紧贴屏幕右侧(任何手动添加的填充除外),内容始终向右向上延伸到图像的左侧(

html - 最大可能尺寸图像和 div 扩展以填充空间

我确定之前有人问过这个问题,但我找不到确切问题的答案。我想要一个非常简单的布局:-------------------header-------------------|content|graphic|-------------------哪里:页眉高度由字体大小设置;内容有固定的最小宽度;考虑到这两个限制并保持宽高比,图形尽可能大(即它的高度将与屏幕一样高减去标题,除非这会使内容面板太窄);考虑到这三个限制,内容尽可能广泛。[编辑添加:]垂直:当宽度+纵横比约束导致图像小于最大高度时,图像垂直居中水平:图像始终紧贴屏幕右侧(任何手动添加的填充除外),内容始终向右向上延伸到图像的左侧(

html - 用于在绝对位置显示 div 的 css

我想在z-index:99的给定图像上显示div'class=perspectiveHomeMenu'。#perspective{display:none;}img{width:100%;/*fordemo*/height:100px;/*fordemo*/}.perspectiveContent-submenuMenu{display:none;}.perspectiveHomeContent{width:65%;margin:0%5%6%;background-color:rgb(241,241,241);float:left;padding:0%;}.perspectiveHom

html - 用于在绝对位置显示 div 的 css

我想在z-index:99的给定图像上显示div'class=perspectiveHomeMenu'。#perspective{display:none;}img{width:100%;/*fordemo*/height:100px;/*fordemo*/}.perspectiveContent-submenuMenu{display:none;}.perspectiveHomeContent{width:65%;margin:0%5%6%;background-color:rgb(241,241,241);float:left;padding:0%;}.perspectiveHom

javascript - 水平滚动时隐藏绝对定位的 <div> 的最佳方法?

我这里有一个我目前工作的例子:https://jsfiddle.net/pv5xroLc/我的问题是,当我的示例中的表格完全向右滚动时,即使不能进一步滚动,褪色的渐变仍然覆盖我的表格的一部分,因此它使最后一列更难阅读。我想知道隐藏此渐变的最佳解决方案是什么,同时仍然清楚地表明表格可以水平滚动(这将出现在移动设备上)。目前我的html结构如下:*content*.fader元素有一个::after伪元素,其中包含“fader”,这是一个绝对定位的元素,具有线性渐变I'm用于指示该元素可以水平滚动。.scrollable元素是一个水平滚动元素,用于放置我的表格。我目前考虑过两种解决方案:添

javascript - 水平滚动时隐藏绝对定位的 <div> 的最佳方法?

我这里有一个我目前工作的例子:https://jsfiddle.net/pv5xroLc/我的问题是,当我的示例中的表格完全向右滚动时,即使不能进一步滚动,褪色的渐变仍然覆盖我的表格的一部分,因此它使最后一列更难阅读。我想知道隐藏此渐变的最佳解决方案是什么,同时仍然清楚地表明表格可以水平滚动(这将出现在移动设备上)。目前我的html结构如下:*content*.fader元素有一个::after伪元素,其中包含“fader”,这是一个绝对定位的元素,具有线性渐变I'm用于指示该元素可以水平滚动。.scrollable元素是一个水平滚动元素,用于放置我的表格。我目前考虑过两种解决方案:添

html - 制作一个包含 PDF 整个高度的可滚动 div

我正在将PDF嵌入到我的网页中。我正在做一些傻事来隐藏状态栏(包括下载按钮和页码),以便我可以从外部控制它们(我希望能够在他们尝试下载文档时强制进行不同的下载)。如果它有任何不同(例如只能在给定框架的情况下工作/不能工作的解决方案),我正在使用React。我可以使用URL设置PDF的事件页面,但在加载该页面后我无法获取文档的滚动位置来更新页码。我认为一个解决方案是将嵌入的PDF包含在我可以亲自控制的div中。为此,我希望嵌入对象的高度是PDF所有页面垂直高度的总和,然后将其封装在具有设置高度的div中。我可以从那里监视文档的滚动位置以确定当前页面。我无法让嵌入的PDF成为文档的全高。我