html - 如何在另一个下方创建两个响应单元格?

标签 html css responsive-design fluid-layout

<分区>


关闭 8 年前

我需要两个高度相等的单元格,并且它们需要一个在另一个下面。

它们的高度应该根据窗口大小改变。 (我用js知道窗口大小)

有可能吗?附上布局的屏幕截图。

enter image description here

最佳答案

很简单。就像这样:http://jsfiddle.net/wuo6yyme/

html, body {height:100%}
.container {height:100%}
.div1, .div2 {
height:49%; 
width:100%; 
background-color:red;
}
.div1 {margin-bottom:2%;}

关于html - 如何在另一个下方创建两个响应单元格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25724988/

上一篇:javascript - HTML5 拖放不起作用

下一篇:javascript - 使用 jQuery 具有相同高度的两个元素 - 始终

相关文章:

当起始位置显示 :none; 时,CSS 过渡不起作用

javascript - 对具有动态大小的列表使用高度和最大高度

css - !important 媒体查询中的声明

html - 元视口(viewport)标签和 css 媒体查询的问题

jquery - 减少多元素悬停的代码

html - 在具有淡入效果的水平导航栏上创建 CSS3 下拉菜单

jquery - 用轮播 overflow hidden

javascript - 绘制到背景

php - 使用 radio select php 更新 mysql

javascript - 应用什么设计技术来匹配PC、平板电脑和智能手机?