相关疑难解决方法(0)

HTML/CSS:使两个浮动div具有相同的高度

我目前用a解决了一个小问题table,见下文.基本上,我希望有两个div占用可用宽度的100%,但只占用所需的垂直空间(图中并不是那么明显).如图所示,两者应始终具有完全相同的高度,并且它们之间有一条小线.

alt text http://pici.se/pictures/qJRMtoLPv.png

这一切都很容易使用table,我现在正在做.但是,我不太热衷于解决方案,因为在语义上这实际上不是一个表.

html css html-table

104
推荐指数
5
解决办法
19万
查看次数

html元素(div)的全高,包括边框,填充和边距?

我需要一个div的全高,我正在使用

document.getElementById('measureTool').offsetHeight
Run Code Online (Sandbox Code Playgroud)

offsetHeight - 返回元素的高度,包括边框和填充(如果有),但不包括边距

但在div里面嵌套元素之一,拥有margin-top20%,所以我得到一个错误的测量.我试图style.marginTopscrollHeight没有成功.

如何在javascript中获取元素(div)的完整高度(边框,填充,边距)?

如果没有任何其他方式我可以使用jQuery.

javascript css

58
推荐指数
9
解决办法
7万
查看次数

圣杯布局,100%高度

我正在尝试制作一个看起来像这样的CSS布局

在此输入图像描述

这种布局的CSS术语被称为"圣杯".我面临的问题是,当我使用布局和解决方案时,我在网上找到它并不能让它们按照我的要求正常工作.我想要做的是创建一个页面,无论内容如何,​​页面都会在浏览器的底部显示页脚,并且列向下延伸到它.到目前为止,我只看到页脚放置内容停止的页面,结果是页脚下的一些空白区域.

如果有人能帮我解决这个问题,我将不胜感激!

css layout

11
推荐指数
2
解决办法
1万
查看次数

Twitter Bootstrap等高的列和内容对齐底部

我使用Twitter Bootstrap 3来布局网站,我需要实现一些特定的东西.我有一个两列布局,左边是图像,右边是一些文字......

<div class="row">
  <div class="col-xs-6">
      <img class="img-responsive" src="http://dummyimage.com/600x400/000/fff">
  </div>
  <div class="col-xs-6">
      <p>
          This is some dummy content              
      </p>
  </div>
</div>

<style>    
.colright{background:green;color:white;}
</style>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/52VtD/9054/

我希望右栏中的文本位于列的底部,但我也希望列始终与左侧列的高度相等.

html css twitter-bootstrap twitter-bootstrap-3

3
推荐指数
1
解决办法
2240
查看次数