草庐IT

css - 在全屏 div 中居中基于百分比的 div

我知道margin-top的百分比是相对于宽度的...这就是为什么我不能总是垂直和水平居中一个高度为全屏50%和宽度为50%的div。http://jsfiddle.net/8BJ94/调整大小时,margin-top是相对于宽度的CSS#mini{height:50%;width:50%;background-color:#FFFFFF;margin-top:25%;margin-left:25%;} 最佳答案 演示http://jsfiddle.net/8BJ94/1/代码#hello{position:absolute;wid

css - 在全屏 div 中居中基于百分比的 div

我知道margin-top的百分比是相对于宽度的...这就是为什么我不能总是垂直和水平居中一个高度为全屏50%和宽度为50%的div。http://jsfiddle.net/8BJ94/调整大小时,margin-top是相对于宽度的CSS#mini{height:50%;width:50%;background-color:#FFFFFF;margin-top:25%;margin-left:25%;} 最佳答案 演示http://jsfiddle.net/8BJ94/1/代码#hello{position:absolute;wid

html - div 内 h1 元素的边距

我有一个div容器,里面有一个h1元素:EnlightenDesigns我已经对页眉元素应用了margin-top、margin-left和margin-right。但是,margin-top并未应用于包含div的标题元素框。相反,上边距应用于包含的div。页眉的左右边距应用于包含div的页眉元素框。div和header的样式规则如下:#header{background:blue;height:150px;}h1{background:orange;margin-top:30px;margin-left:10px;margin-right:10px;}这种行为的原因是什么?

html - div 内 h1 元素的边距

我有一个div容器,里面有一个h1元素:EnlightenDesigns我已经对页眉元素应用了margin-top、margin-left和margin-right。但是,margin-top并未应用于包含div的标题元素框。相反,上边距应用于包含的div。页眉的左右边距应用于包含div的页眉元素框。div和header的样式规则如下:#header{background:blue;height:150px;}h1{background:orange;margin-top:30px;margin-left:10px;margin-right:10px;}这种行为的原因是什么?

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 最佳答案

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