草庐IT

some_div

全部标签

html - 为什么两个总计 100% 的 div 会推到下一行?

我正在使用Firefox,当我并排放置两个宽度总计为100%的div元素时,右边的div被推到下一行。当它们总计达到99%时,一切都会按预期进行。Hereisanexample:CSS.body{height:100%;width:100%;}.left{background-color:red;width:70%;height:100%;display:inline-block;}.right{background-color:yellow;display:inline-block;width:30%;height:100%;}}HTMLdd 最佳答案

javascript - 使用javascript创建一个div onclick

当用户点击另一个div时,我使用纯JavaScript创建一个新的div元素。这是我的JSFiddle。没有报告错误,但没有创建div。请帮忙。非常感谢!基本上,这就是我现在拥有的:document.getElementByID("text").onclick=function(){varok=true;};if(ok===true){vardiv=document.createElement('div');div.style.backgroundColor="black";div.style.position="absolute";div.style.left="50px";div.

javascript - 使用javascript创建一个div onclick

当用户点击另一个div时,我使用纯JavaScript创建一个新的div元素。这是我的JSFiddle。没有报告错误,但没有创建div。请帮忙。非常感谢!基本上,这就是我现在拥有的:document.getElementByID("text").onclick=function(){varok=true;};if(ok===true){vardiv=document.createElement('div');div.style.backgroundColor="black";div.style.position="absolute";div.style.left="50px";div.

html - 如何相对于其中的div制作一个可拉伸(stretch)的div

我怎样才能使父div(红色)可拉伸(stretch),以便其中的最小子元素数可以是1,最大数目可以是3,之后第四个div会自动垂直向下设置。我的内部div的CSS是.inner_div{min-height:238px;border-bottom:1pxdashed#e7e7e7;border-right:1pxdashed#e7e7e7;border-top:1pxdashed#e7e7e7;border-left:1pxdashed#e7e7e7;padding-top:10px;padding-bottom:10px;float:left;padding:9px;width:20

html - 如何相对于其中的div制作一个可拉伸(stretch)的div

我怎样才能使父div(红色)可拉伸(stretch),以便其中的最小子元素数可以是1,最大数目可以是3,之后第四个div会自动垂直向下设置。我的内部div的CSS是.inner_div{min-height:238px;border-bottom:1pxdashed#e7e7e7;border-right:1pxdashed#e7e7e7;border-top:1pxdashed#e7e7e7;border-left:1pxdashed#e7e7e7;padding-top:10px;padding-bottom:10px;float:left;padding:9px;width:20

html - 是否可以在浏览器的滚动条上覆盖一个 DIV?

有什么方法可以在浏览器的滚动条上覆盖一个DIV吗?我意识到可以使用overflow:none隐藏滚动条,但我实际上想在滚动条上放置一个DIV而不是隐藏它。 最佳答案 如果滚动条不适用于,您可以将div放在滚动条上元素。这是使溢出的div覆盖在另一个div的滚动条上的代码。JSFiddleHTML:CodegoeshereinsteadofBODYCONTENTFOROVERFLOWELEMENTSCSS:html,body{margin:0;padding:0;}#content{background:lime;overflow:a

html - 是否可以在浏览器的滚动条上覆盖一个 DIV?

有什么方法可以在浏览器的滚动条上覆盖一个DIV吗?我意识到可以使用overflow:none隐藏滚动条,但我实际上想在滚动条上放置一个DIV而不是隐藏它。 最佳答案 如果滚动条不适用于,您可以将div放在滚动条上元素。这是使溢出的div覆盖在另一个div的滚动条上的代码。JSFiddleHTML:CodegoeshereinsteadofBODYCONTENTFOROVERFLOWELEMENTSCSS:html,body{margin:0;padding:0;}#content{background:lime;overflow:a

javascript - 使用 slider 调整 div 的不透明度

让slider更改我的div的不透明度值时遇到了一些麻烦。这是我一直在使用的fiddle:https://jsfiddle.net/yfmLk1ad/1/$('#bgopacity').on('slide',function(value){$('.background-color').css({opacity:value*'.01'});});.background-color{width:500px;height:500px;background:red;opacity:.5;}ColorOpacity50 最佳答案 您必须使用c

javascript - 使用 slider 调整 div 的不透明度

让slider更改我的div的不透明度值时遇到了一些麻烦。这是我一直在使用的fiddle:https://jsfiddle.net/yfmLk1ad/1/$('#bgopacity').on('slide',function(value){$('.background-color').css({opacity:value*'.01'});});.background-color{width:500px;height:500px;background:red;opacity:.5;}ColorOpacity50 最佳答案 您必须使用c

javascript - 当隐藏左侧的 HTML div 时,如何防止其移动?

这是一个非常简单的jsFiddle:functionhideDiv2(){$('.div2').hide();}functionshowDiv2(){$('.div2').show();}.div1{height:300px;width:20%;background-color:red;float:left;}.div2{height:300px;width:20%;background-color:green;float:left}.div3{height:300px;width:35%;background-color:pink;float:left}div1div2div3Hid