草庐IT

DISPLAY_HEIGHT

全部标签

css - HTML5 : Image in left "display: table-cell" element pushes down content in right element

鉴于这个fiddle:http://jsfiddle.net/5Sw3h/8/我在左侧有一个导航面板,在中间有一个内容面板,并且在右侧也有一个面板留出一点空间。这些是使用“display:table,display:table-cell”语义放置的。我目前正在体验将内容放在左侧面板中似乎会将内容面板中的内容向下推一些,主要是为了其中的图像。然而,它似乎总体上将内容下调了一点。我尝试过在很多元素上将填充设置为0(正如我最初认为的那样),然后我尝试在内容框上垂直对齐,一些相对定位定义“顶部”。但没有任何帮助...我知道我一定是忽略了一些明显的东西,只是找不到它。谁能帮我找到我丢失的东西?

css - HTML5 : Image in left "display: table-cell" element pushes down content in right element

鉴于这个fiddle:http://jsfiddle.net/5Sw3h/8/我在左侧有一个导航面板,在中间有一个内容面板,并且在右侧也有一个面板留出一点空间。这些是使用“display:table,display:table-cell”语义放置的。我目前正在体验将内容放在左侧面板中似乎会将内容面板中的内容向下推一些,主要是为了其中的图像。然而,它似乎总体上将内容下调了一点。我尝试过在很多元素上将填充设置为0(正如我最初认为的那样),然后我尝试在内容框上垂直对齐,一些相对定位定义“顶部”。但没有任何帮助...我知道我一定是忽略了一些明显的东西,只是找不到它。谁能帮我找到我丢失的东西?

javascript - jQuery .height() 在 div 上输出与 .scrollHeight 相同的值并溢出 :auto (IE8)

在绕过许多其他问题后,我还没有找到解决我问题的答案。我正在编写一个脚本来查明div是否溢出。但是当尝试使用jQuery.height()、jQuery.innerHeight()或JavaScriptsoffsetHeight检索可见高度时。我得到了整个div的值(包括溢出的部分),即:与scrollHeight相同的值。包含的DIV样式:{overflow-x:hidden;overflow-y:auto;width:73%;bottom:0px;float:left;height:100%;top:0px;}我在jsFiddle上创建了场景模型:http://jsfiddle.ne

javascript - jQuery .height() 在 div 上输出与 .scrollHeight 相同的值并溢出 :auto (IE8)

在绕过许多其他问题后,我还没有找到解决我问题的答案。我正在编写一个脚本来查明div是否溢出。但是当尝试使用jQuery.height()、jQuery.innerHeight()或JavaScriptsoffsetHeight检索可见高度时。我得到了整个div的值(包括溢出的部分),即:与scrollHeight相同的值。包含的DIV样式:{overflow-x:hidden;overflow-y:auto;width:73%;bottom:0px;float:left;height:100%;top:0px;}我在jsFiddle上创建了场景模型:http://jsfiddle.ne

css - Firefox 中的定位问题?位置 :relative for a display:table element

我遇到了仅在Firefox中出现的最奇怪的定位问题。我的HTML:我的CSS:html,body{margin:0;padding:0;height:100%;width:100%;}article.layer{position:relative;display:table;height:100%;width:100%;}article.left,article.right{position:absolute;width:50%;height:100%;min-height:100%;display:table;}article.left{left:0;top:0;}article.r

css - Firefox 中的定位问题?位置 :relative for a display:table element

我遇到了仅在Firefox中出现的最奇怪的定位问题。我的HTML:我的CSS:html,body{margin:0;padding:0;height:100%;width:100%;}article.layer{position:relative;display:table;height:100%;width:100%;}article.left,article.right{position:absolute;width:50%;height:100%;min-height:100%;display:table;}article.left{left:0;top:0;}article.r

html - 为什么 height 和 top 属性在 position 是相对的时候不起作用?

这会将框定位在顶部下方一点HelloWorld这会将框定位在顶部附近,看起来height和top属性都不是在职的。盒子的高度不是50%,盒子不是低于顶部的50%。HelloWorld我在这方面几乎是个初学者,但如果left和width与百分比一起工作似乎不应该是top和height? 最佳答案 如果它的父级没有固定高度,你的盒子不能有一个高度,即它的父级的百分比,因为那样盒子就不知道它需要多高(通常这样的父元素是body或其他一些包装元素)。作为直接结果,带有百分比的top也不会产生任何影响。

html - 为什么 height 和 top 属性在 position 是相对的时候不起作用?

这会将框定位在顶部下方一点HelloWorld这会将框定位在顶部附近,看起来height和top属性都不是在职的。盒子的高度不是50%,盒子不是低于顶部的50%。HelloWorld我在这方面几乎是个初学者,但如果left和width与百分比一起工作似乎不应该是top和height? 最佳答案 如果它的父级没有固定高度,你的盒子不能有一个高度,即它的父级的百分比,因为那样盒子就不知道它需要多高(通常这样的父元素是body或其他一些包装元素)。作为直接结果,带有百分比的top也不会产生任何影响。

javascript - JS HTML5 验证 "display:none"所需的输入元素

我有一个多div的表单:我填写了一些字段,然后单击下一步,当前div开始显示设置为“无”的cssproprerty。此表单中的所有字段都是必需的,以下是情况的片段:现在的问题是,当我提交表单时,如果第一个div的一个字段没有填写,它不会提交,Chrome在控制台中给我以下错误Aninvalidformcontrolwithname='input1'isnotfocusable.我该如何解决这种情况?我想过捕获错误然后显示第一个div,但我还没有想出如何去做。 最佳答案 我在Chrome或Firefox中没有遇到同样的错误。但是我确实

javascript - JS HTML5 验证 "display:none"所需的输入元素

我有一个多div的表单:我填写了一些字段,然后单击下一步,当前div开始显示设置为“无”的cssproprerty。此表单中的所有字段都是必需的,以下是情况的片段:现在的问题是,当我提交表单时,如果第一个div的一个字段没有填写,它不会提交,Chrome在控制台中给我以下错误Aninvalidformcontrolwithname='input1'isnotfocusable.我该如何解决这种情况?我想过捕获错误然后显示第一个div,但我还没有想出如何去做。 最佳答案 我在Chrome或Firefox中没有遇到同样的错误。但是我确实