草庐IT

some_div

全部标签

html - 如何填充 100% 绝对定位的 div? (IE7+)

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:CSSheight100%inIE7我想在网页上有一个居中的block,该block由子div填充到100%。这是我的HTML代码:这是我的CSS:#parent{position:absolute;background-color:blue;top:2em;left:4em;bottom:3em;right:2em;}#child{position:relative;background-color:red;height:100%;}这是一个JSfiddle:http://jsfiddle.net/XMS2

html - 如何使用html和css制作这个div?

这是我要制作的div的图像,但我不知道如何制作它我已经试过了`.rr>div{text-align:center;}.rr{position:relative;height:200px;background:#232E39;}.rr.rr-left{z-index:1;float:left;width:90%;}.rr.rr-right{z-index:2;float:right;width:10%;}.rr:after,.rr:before{content:"";position:absolute;top:0;width:0;height:0;}.rr-left:after{righ

html - 如何使用html和css制作这个div?

这是我要制作的div的图像,但我不知道如何制作它我已经试过了`.rr>div{text-align:center;}.rr{position:relative;height:200px;background:#232E39;}.rr.rr-left{z-index:1;float:left;width:90%;}.rr.rr-right{z-index:2;float:right;width:10%;}.rr:after,.rr:before{content:"";position:absolute;top:0;width:0;height:0;}.rr-left:after{righ

javascript - 在有 child 的 'contenteditable' div 中设置插入符位置

我有一个这样的HTML结构:Thisissomeplain,boringcontent.我还有这个功能,允许我将插入符号位置设置到div中我想要的任何位置://MovecarettoaspecificpointinaDOMelementfunctionSetCaretPosition(object,pos){//Getkeydatavarel=object.get(0);//StripinnerobjectfromjQueryobjectvarrange=document.createRange();varsel=window.getSelection();//Settherangeo

javascript - 在有 child 的 'contenteditable' div 中设置插入符位置

我有一个这样的HTML结构:Thisissomeplain,boringcontent.我还有这个功能,允许我将插入符号位置设置到div中我想要的任何位置://MovecarettoaspecificpointinaDOMelementfunctionSetCaretPosition(object,pos){//Getkeydatavarel=object.get(0);//StripinnerobjectfromjQueryobjectvarrange=document.createRange();varsel=window.getSelection();//Settherangeo

html - 将相同大小的 div 叠加在父级之上

当我的拖放事件开始时,我需要覆盖一个子div以覆盖它的父div,但我无法使用z-index使子div位于父div之上。这是我的HTML:ThisshouldbeovertheparentSometextloremipsumloremipsum这是我的CSShtml,body{height:100%;width:100%;}.some-element{background-color:blue;width:100%;}.parent-div{background-color:red;height:100%;position:relative;width:100%;z-index:1;}.

html - 将相同大小的 div 叠加在父级之上

当我的拖放事件开始时,我需要覆盖一个子div以覆盖它的父div,但我无法使用z-index使子div位于父div之上。这是我的HTML:ThisshouldbeovertheparentSometextloremipsumloremipsum这是我的CSShtml,body{height:100%;width:100%;}.some-element{background-color:blue;width:100%;}.parent-div{background-color:red;height:100%;position:relative;width:100%;z-index:1;}.

html - 创建两个重叠 DIV 的按钮

我想创建两个按钮,使用如下HTML覆盖一个div:*两个相同的DIV,每边都有两个按钮重叠。所以一个div有两个重叠的按钮。我希望按钮是透明的并覆盖在div上,但我不确定该怎么做。我已经创建了我的Div:我想覆盖的div称为“容器”,两个按钮是:在CSS或HTML中有什么方法可以做到这一点吗? 最佳答案 您必须将按钮完全放置在图像之上。为此,首先让.container占据position:relative;然后将按钮作为.slidesdiv的同级放置并放置它们绝对。.container{position:relative;}.sli

html - 创建两个重叠 DIV 的按钮

我想创建两个按钮,使用如下HTML覆盖一个div:*两个相同的DIV,每边都有两个按钮重叠。所以一个div有两个重叠的按钮。我希望按钮是透明的并覆盖在div上,但我不确定该怎么做。我已经创建了我的Div:我想覆盖的div称为“容器”,两个按钮是:在CSS或HTML中有什么方法可以做到这一点吗? 最佳答案 您必须将按钮完全放置在图像之上。为此,首先让.container占据position:relative;然后将按钮作为.slidesdiv的同级放置并放置它们绝对。.container{position:relative;}.sli

html - 无法在 div 上应用动态高度 - 时间轴 View

我正在尝试构建一个水平时间轴。一个月中的任何一天都可能发生许多事件。因此,当事件较多时,列表项无法容纳可用高度(from:min-height),出现垂直滚动。如果我尝试删除min-height整个内容就会失真。我希望容器在没有垂直滚动的情况下占据包含任意数量元素的列表。此外,还有一个问题,当窗口较小时(可以在codepen上看到),出现水平滚动(预期和需要)。但是,连接器并未占据整个滚动宽度。*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}.timeline__container{background:#c