个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
有人可以看看我的 css 并告诉我为什么我不能让我的容器 div 包围我的其他 div 吗？我已将高度设置为 100%，并希望容器 div 成为屏幕的 100%。我尝试了没有运气的 clearfix 方法以及我在 SO 上找到的其他一些方法。任何帮助将不胜感激。
<html>
<body>
<div class="container ">
<div class="header">
</div>
<div class="mainContent">
</div>
<div class="other">
</div>
</div>
</body>
</html>
body{
font-size: 100%;
width:96%;
max-width: 960px;
margin: auto;
background-color: gray;
}
.container
{
position: relative;
width: 100%;
max-width: 960px;
margin: auto;
padding: 1.041666666%;
background-color: white;
}
.header{
position: relative;
width: 100%;
height: 70px;
margin: auto;
background-color: blue;
}
.mainContent{
position: relative;
float: left;
margin-top: 1.041666666%;
width: 62.5%;
height: 100%;
background-color: red;
}
.other{
position: relative;
float: left;
margin: 10px 0 0 1.041666666%;
width: 36.458333333%;
height: 100%;
background-color: green;
}
.clearfix {
clear: both;
}
最佳答案
将以下内容添加到您的 CSS 中
检查这个FIDDLE
html,body{
height:100%;
}
.content{
height: 100%; // calc(100% - 2 x padding);
}
为了在 % 中使用高度，父元素也应该设置它们的高度(在本例中为 html 和 body)。
您可以使用 css calc() 为 maincontent 和其他函数计算准确的高度，如下所示:
height: calc(100% - (70px + total height for margins and paddings) )
关于css - 需要帮助来弄清楚如何清除我的 div 并将页面缩放到 100%，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22334665/
25
4
0
我一直在试图理解人们一直在使用的这个网格系统。有时让我觉得自己很蠢。 我了解如果您使用无边距的 12 网格系统。第 12 列将是 100%，而第 1 列将约为 8.33333%。 我一直在看一些网格系
我们被分配了一个用于系统编程的 ASCII 压缩项目，但我在代码中的某一特定行上遇到了困难。 我问了question关于压缩，在处理完纸上示例文件的前十几个字母后，我将数组代码调整到了我的程序中。在
我正在使用 Appcelerator 框架编写应用程序，但偶尔会发生崩溃。我正在尝试找出导致崩溃的原因，因此我决定查看 iOS 模拟器崩溃报告。当然，这对我来说都是希腊语，但我希望得到一些指导，了解其
有人可以给我一些指导或指导我阅读有关 C++ set 对象的优秀教程吗？ 我有一段这样的简单代码: #include using namespace std; int main() { ch
老实说，我不知道我的问题是否有解决方案，但我想在 Swift 中捕捉上下文切换发生的时间。 我正在想象一个需要很长时间才能完成的功能，例如远程服务器上的写操作，我在想是否有办法了解何时(至少在哪一行)
我正在使用 Yii2 并且一直在阅读 theming和 theme inheritance ;但是有一些问题: 考虑以下示例: 'view' => [ 'theme' => [
我尝试使用 AJAX 发布，因为我不想使用提交按钮并在每次单击它时重新加载页面。我正在使用此代码进行 ajax: Ajax loading error, please try again.").sho
我正在尝试找出将在 NodeJS 应用程序中使用的 MongoDB 模型的理想设计。该应用程序的设置类似于调查，某些步骤会根据之前的选择提供选项。这是选择和可能性的示例。 第 1 级:图案类型:纯色、
我有一个 API/Express 路由器: router.post("/signup", async function (req, res) { try { var user
我注意到 JFileChooser 隐藏了 Windows 系统文件。 hiberfil.sys、pagefile.sys、$Recycle.Bin 等文件、一些无法打开的快捷方式文件夹等... 我可
这是我第一次使用 Django，到目前为止，我对这个框架的工作方式印象深刻。我目前正在开发我的第一个应用程序，并正在处理数据库内容，但是，我在弄清楚如何在不运行原始查询的情况下进行内部联接时遇到问题。
我在自动调整蒙版大小方面遇到了一些问题。这是交易:我正在使用最近发布的 TwUI ，它从 UIKit 中获取了很多，但它在 Mac 上。这就是我为 iOS 和 Mac 标记的原因。因此，我创建了一个底
好吧，这是一个很长的，打起精神来! :) 最近我尝试在启动期间启动一个用 bash 编写的看门狗脚本。所以我在 rc.local 中添加了一行，其中包含以下内容: su someuser -c "/h
我在我的机器上安装了多个版本的 Windows 软件开发工具包，有趣的是，我的机器上已经安装了一个 Visual studio Installer工具的版本低于近一年前安装的版本: Windows S
widget('zii.widgets.CMenu', array( 'items'=>array( array('label'=>'Home', '
我是一名优秀的程序员,十分优秀！