个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
24
4
我到处都看了，不知道是否有办法做到这一点。基本上，我想模仿这种布局，而不使用 CSS3 属性:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Bad way...</title>
<style>
html,body{
margin:0px;
height:100%;
}
.tall{
background-color:yellow;
min-height:100%;
height:100%;
padding-top:50px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.short{
background-color:blue;
height:100%;
}
</style>
</head>
<body>
<div class='tall'>
<div class='short'>
Foo bar baz
</div>
</div>
</body>
</html>
我不在乎有多少额外的标记或 CSS，只要它的跨浏览器兼容即可。我只想使用 ol' faux 列，但在这种情况下它不起作用。 short div 将有一个 iframe，它需要是全高。
tall div 只是为了展示它的外观。我想要的只是一个全高的 div，但顶部有 50px 的边距。我所有的尝试都只是将高度扩展到 100% + 50px。
我知道我可以用 JavaScript 做到这一点，但如果可能的话，我真的很想获得一个 CSS 解决方案。
最佳答案
您可以按照此处所述使用绝对定位:http://www.alistapart.com/articles/conflictingabsolutepositions/
您可以指定 div 的所有边，例如
position: absolute;
top: 50px;
right: 0;
left: 0;
bottom: 0;
关于带边距的CSS全高div？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4468034/
24
4
0
我想做一个模板 页眉+侧边栏(半页/全高)+谷歌地图(半页/全高) 在 jsfiddle 中，很难看到细节，但在浏览器的一侧给我一个我不想要的滚动条。此外，侧边栏比预期高 40 像素(标题的高度)。而
我有一张背景图片，我想在我的网站上使用它，但问题是我无法将其制作成任何尺寸的全高和全宽，请帮助我，请检查下面的代码 当前代码，代码 #1:haft 而不是 full body { backgr
我想在网站中放置一个图像作为背景，我希望该图像具有响应性，但页脚始终位于底部，以便图像调整大小此外，我希望在宽度上被“切断”。我举三个例子。 示例 # 1:以 16:9 浏览网页 http://i.s
我需要将 2 个子容器“左”和“右”设为 100% 高度，因为父容器“”已经存在 - 这怎么可能？我如何管理一个适当的水平放置的容器“hexCont”？ CSS: html, body {
我已经开始学习 angular 2 Material ，这很令人困惑，因为我在文档和官方中找不到很多东西 material.io css 是根据类编写的，而 Angular Material 使用“类
我继承了一个 iOS 应用程序，但我发现没有使用全高。这是 iPhone 6 上的照片: 它似乎卡在了 iPhone 4 的分辨率上。 iOS 部署目标:7.1 有什么想法可以让整个应用的高度适合全屏
我有以下 HTML 来构建一个 900 像素宽的居中页面，其中包含页眉、页脚和内容部分:
我创建了一个简单的网站，每隔几秒钟就会更改一次图像。所有图像均为横向。当我的浏览器处于正常 View 模式时，图像覆盖浏览器的整个高度，但是当我将浏览器更改为全屏模式时，图像并没有覆盖浏览器的整个高度
我使用以下代码来显示全高的 div(具有背景颜色)。 HTML here is a lot of text....
在我的网页设计中获取父 div 的完整高度时遇到了一些麻烦。容器div是一个div内的div，高度为100%。 我已经尝试阅读关于 stackoverflow 和其他人的一些其
我试图使用此 CSS 使标题填满屏幕: position:relative; margin:0; padding:0; width:100%; height:100%; min-height:100%
我目前正在尝试实现以下场景: 我正在使用以下 HTML 和 CSS 代码。 ( See JSFiddle for example ) HTML:
我知道类似的问题已经被问过很多次，但我尝试了很多答案，但似乎没有一个适合我的情况。我找到了很多针对粘性页脚的解决方案，但这并不是我想要的，或者我还没有想出如何根据我的情况正确使用: 我有完全固定的位置
我正在通过 Bootstrap 制作左侧，并且在设置我的内部元素固定位置时遇到这个问题。 这是我的HTML
我对简单的 html/css 技巧有疑问。 我想创建左栏高度为 100% 的网站，例如宽度 300px，在右侧我想要 contener div 和其余的宽度。 下面的代码: html {min-hei
我正在开发一个当前配置为全高(即 100% 可用浏览器窗口)应用程序的新网站。在布局方面，它是这样的 - http://stevesanderson.github.com/fixed-height-l
让 div 始终保持 100% 高度的诀窍是什么，即使用户正在滚动也是如此？ 我试过了，但没有成功，因为高度只应用于事件窗口。 [...] ... .popup_contai
正如标题所说。我想插入一个延伸到窗口末尾的 FB 页面提要。这可能吗？当我在 iframe 上设置它时，我认为 800px 是它想要达到的最高值。我到处寻找答案，但没有成功。 我用过 Facebook
我正在制作一个具有固定导航栏、全屏背景和中间文本的页面。而且我不知道如何让它在横向模式下响应。在其他版本上，它表现正常，但在横向上，因为我认为高度要小得多，所以文本与导航栏重叠。而且看起来真的很乱。
我想做的是: 创建一个全高 div，滚动后转到固定的顶部 div。 1) ----------- | | | | | | |--
我是一名优秀的程序员,十分优秀！