html - 拉伸(stretch)元素的正确方法?

标签 html css

目前我有:http://jsfiddle.net/walkerneo/JnEpS/3/

假设我想要以下内容:

  • 灰色框在调整大小时改变高度,但宽度不变
  • 蓝色框在调整大小时改变高度和宽度
  • 青色框在调整大小时改变宽度但不改变高度

正确的做法是什么?

jsfiddle中的方式是通过设置其position为absolute并使其left、right、top、bottom为0px来拉伸(stretch)元素。与使用表格显示属性或冗长的代码相比,我喜欢这有多么简单,但我觉得这是不应该做的事情。

这是正确的代码吗?如果不是,那是什么?

最佳答案

这是“正确”的做法。我想不出任何其他不涉及甚至可能无法工作的表格的方法。

关于html - 拉伸(stretch)元素的正确方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7607017/

相关文章:

javascript - 防止 jQuery timepicker 插件自动打开

html - 我怎样才能使标签与 `<h3>` 或 `<div>` 或,,,

javascript - 如果缺少内容,如何隐藏 DIV

html - 如何通过html对齐标签和文本框?

html - bootstrap 4 在特定视口(viewport)禁用 mx-auto

jquery - 如何使 Bootstrap 轮播 slider 使用移动左/右滑动

css - 在样式表中定义时不显示背景图像

html - 如何防止文本重叠导航栏?

javascript - 在 IIS 8 (Windows 8) 上部署 ASP.Net MVC 应用程序时未呈现 CSS 和 JS 文件

javascript - 如何隐藏 <div> 并仅在 &lt;textarea&gt; 具有焦点时显示它?