草庐IT

DIV_TERRITORIOS

全部标签

html - 制作 CSS 伪元素 :after same height as parent div

我有一个父div,它的边缘必须有蓝色背景。我决定使用:before伪元素来做到这一点。我已将位置设置为绝对位置,将高度设置为100%。现在,当我将它的高度设置为100%时,我相信before正在占用页面的高度而不是它的div加上它几乎看起来好像这个伪元素:before是一个位置固定的div。这是一些代码testCSS.editableDiv{background-color:#DEDEDE;min-height:100px;max-height:400px;overflow:scroll;}.editableDivp{padding:0px0px0px43px;}.editableDi

javascript - 创建动态全屏和最小化 Div 函数

屏幕显示3个动态创建和加载的div。我遇到的问题是当我尝试让div全屏显示时让调整大小起作用。(单击前面的按钮和背面的第2个)。使用顶部的选择选项时,调整大小效果很好,但全屏效果不一样。这是我的plunkr:http://plnkr.co/edit/qYxIRjs6KyNm2bsNtt1P这是我当前的调整大小函数:for(i=0;i';makeTestGraph();makeSliderGraph();};});}对于隐藏所有其他div并使它们稍后重新出现的任何帮助,我们也将不胜感激。这花了几天的时间,尽管多次重写代码,但我几乎一无所获。感谢您的帮助。

javascript - 创建动态全屏和最小化 Div 函数

屏幕显示3个动态创建和加载的div。我遇到的问题是当我尝试让div全屏显示时让调整大小起作用。(单击前面的按钮和背面的第2个)。使用顶部的选择选项时,调整大小效果很好,但全屏效果不一样。这是我的plunkr:http://plnkr.co/edit/qYxIRjs6KyNm2bsNtt1P这是我当前的调整大小函数:for(i=0;i';makeTestGraph();makeSliderGraph();};});}对于隐藏所有其他div并使它们稍后重新出现的任何帮助,我们也将不胜感激。这花了几天的时间,尽管多次重写代码,但我几乎一无所获。感谢您的帮助。

html - 如何让父 div 包裹(并收缩)它的 float 子元素?

我有一个由一堆元素组成的响应式布局。这是代码的一个非常简化的版本:HTML:CSS:.parent{background:red;display:inline-block;}.child{background:green;width:100px;height:100px;float:left;}.header{background:yellow;width:100%;height:30px;}JSFiddle我想要实现的是使标题(黄色框)与子div(绿色框)具有相同的宽度。当布局首先呈现时效果很好,这是JSFiddle的屏幕截图但是当屏幕尺寸变得更窄时,标题不会正确收缩,这是一个较小区

html - 如何让父 div 包裹(并收缩)它的 float 子元素?

我有一个由一堆元素组成的响应式布局。这是代码的一个非常简化的版本:HTML:CSS:.parent{background:red;display:inline-block;}.child{background:green;width:100px;height:100px;float:left;}.header{background:yellow;width:100%;height:30px;}JSFiddle我想要实现的是使标题(黄色框)与子div(绿色框)具有相同的宽度。当布局首先呈现时效果很好,这是JSFiddle的屏幕截图但是当屏幕尺寸变得更窄时,标题不会正确收缩,这是一个较小区

javascript - 单击 slidetoggle div 以打开幻灯片

我有一个页面,当用户单击标题时,以下div会切换显示。我想以某种方式说明是否有任何其他div显示:block然后将它们设置为不显示。我想也许我可以这样做,但我认为在错误的上下文中使用它。代码没有做任何有值(value)的事情。HTML:存款金额:10.002016-09-2118:39:02充值方式:在线订单号:20160921183902323状态:待支付JQUERY:functionBindList(){$(".jlmain").unbind("click");$(".jlmain").click(function(){$(this).find(".jlrightli").togg

javascript - 单击 slidetoggle div 以打开幻灯片

我有一个页面,当用户单击标题时,以下div会切换显示。我想以某种方式说明是否有任何其他div显示:block然后将它们设置为不显示。我想也许我可以这样做,但我认为在错误的上下文中使用它。代码没有做任何有值(value)的事情。HTML:存款金额:10.002016-09-2118:39:02充值方式:在线订单号:20160921183902323状态:待支付JQUERY:functionBindList(){$(".jlmain").unbind("click");$(".jlmain").click(function(){$(this).find(".jlrightli").togg

html - Bootstrap 中的相等 div 和 100% 高度

我正在尝试制作包含5个DIV的页面。计划是使用Bootstrap3将一张图片放在中央DIV中,并在其他4个中各放置一个链接。想要的结果:到目前为止的代码:.container-fluid2{min-height:100%;overflow:hidden;background-color:black;}.levogore5{height:50%;min-height:50%;margin-bottom:-22%;padding-bottom:22%;min-width:25%;max-width:100%;background-color:lime;vertical-align:top;

html - Bootstrap 中的相等 div 和 100% 高度

我正在尝试制作包含5个DIV的页面。计划是使用Bootstrap3将一张图片放在中央DIV中,并在其他4个中各放置一个链接。想要的结果:到目前为止的代码:.container-fluid2{min-height:100%;overflow:hidden;background-color:black;}.levogore5{height:50%;min-height:50%;margin-bottom:-22%;padding-bottom:22%;min-width:25%;max-width:100%;background-color:lime;vertical-align:top;

html - 用 DIV 包围转换后的元素

我想旋转DIV中的文本元素,但是,在文本旋转后,我的div像空的一样折叠起来。有没有css技巧可以让我的DIV仍然包围我的内部元素?这是我的代码:li{border:1pxsolidblack;list-style-type:none;}p{display:inline-block;transform-origin:rightbottom;transform:rotate(270deg);}SomeTextSomeText 最佳答案 改为变换:旋转(xdeg);你可以使用writing-mode实现这一目标。形式语法horizont