个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我一直试图通过百分比来处理 CSS 中的流体布局，并认为我已经有所进展，直到我在测试一些东西时遇到了这个问题。使用下面的代码，我有两个 div，它们应该放在 View 之外，这样如果您滚动所有内容，您应该立即看到它们。
与左边距对齐的效果很好，但与上边距对齐的 div 的结果让我摸不着头脑。为了获得理想的结果，我必须将最高边距设置为 42%，但我不确定这个数字是从哪里来的。我认为它会是 90%(100% - topbar 的高度)，起初我认为这可能与包含的浏览器界面有关，但我的界面不可能是 48% 并且将浏览器置于全屏状态也没有修理它。真正让我明白的是，将导航的高度设置为 90% 加上顶部栏的高度为 10% 完全符合预期，那么为什么高度边距不同？
非常感谢您的帮助，如果您能尝试尽可能多地解释任何内容，我将不胜感激，因为我仍在努力理解这些属性及其工作原理。
<!DOCTYPE html>
<html>
<head>
<style>
body, html {
background-color:#988557;
width:100%;
height:100%;
margin:0%;
}
#topbar {
margin-left:100%;
background-color:#3F4A66;
width:100%;
height:10%;
}
#navigation {
margin-top:42%;
background-color:#3F4A66;
width:10%;
height:90%;
}
</style>
</head>
<body>
<div id="topbar">
</div>
<div id="navigation">
</div>
</body>
</html>
最佳答案
您神奇的 42% 是因为百分比边距是根据包含 block 的宽度 计算的。因此，您指定的上边距是包含您的#navigation div 的 block 宽度的 42%，在本例中为 body。
看看 w3c specification for margin百分比。
我认为您对 margin-top: 90% 的意思是:在 #navigate 的顶部添加等于视口(viewport) 高度 90% 的空间。浏览器所做的是:向顶部 op #navigate 添加等于视口(viewport) width 90% 的空间。
如果您使浏览器视口(viewport)完全正方形，您会看到 90% 的效果完全符合您的要求。但是，如果将视口(viewport)设为更常见的矩形，您会发现定位不正确，符合“宽度百分比”而不是“高度百分比”。
关于css - 与 margin-top 对齐与百分比值混淆，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16728971/
25
4
0
我真的很困惑。我已经尝试使用带有 tomcat 的 Jax-rs 并使用所有注释，我能够使用 url 调用我的服务。因此，如果没有 Jax-rs，我可以简单地拥有一个 servlet 并调用我的服务。
是否有任何工具/商业混淆器可以混淆 WPF 控件中的 BAML 资源？ 如果没有，就 IP 保护而言，这是一段艰难的时期，因为黑客可以通过使用 BAML 到 XAML 转换器轻松查看 BAML 资源。
嘿大家。我在尝试使用 COBOL 在 zOS 环境中解决的编码项目中遇到了一些麻烦。我需要读入一个文件并将它们放入索引表中(我知道将少于 90 条记录)。 让我感到困扰的是，我们受到项目参数的约束，以
我试图按照这个例子来理解 join() 方法: class PrintDemo { public void printCount() { try { for(int
当我编译我正在编写的代码，然后在 JD Gui 中查看时，方法显示带有如下标题: public void growSurface(Random paramRandom, int paramInt1,
我正在为重新分发准备 Android 库，它的代码必须进行混淆处理。我已经阅读了有关此主题的一些内容，并且决定使用 Android Library Project。它将作为 jar 分发(自动在/bi
两个混淆相关的问题: 1) 是否有任何工具可以将 F# 从 MSIL 目标形式反汇编回其源形式或接近它的形式？这不是通过默默无闻来实现安全性的尝试，但我想保护某些源代码免遭“盗窃”。 2) 我简要地查
谁能向我解释为什么 simulatedCase <- rbinom(100,1,0.5) simDf <- data.frame(CASE = simulatedCase) posterior_m0
我一直无法找到关于使用 AppDomains 时发生的事情的非常清楚的描述，所以希望有人能够启发我。我有一个简单的测试程序(基本上是扯掉了 MSDN example ): using System;
假设我有 2 个分支topic和 master如果我在 topic分支，然后运行 git rebase master它是 rebase master 还是 rebase 主题分支？ 做 git r
我有一个类(class): public class LockTest { public void LockThis() { lock (this)
我正在尝试最小化/混淆我的 Angular 代码，但遇到了问题。我在这里阅读“缩小说明”http://docs.angularjs.org/tutorial/step_05但我定义我的 Control
我遇到了一些困惑的操作。 var a = 0.1; var b = 0.2; var c = 0.3; console.log(a); // 0.1 console.log(b); // 0.2 co
感谢您查看我的帖子 - 我正在尝试弄清楚如何在单击链接时关闭此下拉菜单，但我的 JavaScript 技能非常缺乏，而且代码似乎很困惑。这是 HTML:
混淆、哈希和加密之间有什么区别？ 这是我的理解: 哈希是一种单向算法；无法逆转 混淆与加密类似，但不需要任何“ secret ”即可理解(ROT13 就是一个例子) 加密是可逆的，但需要“ secre
我有以下代码 my $content = $response->content; $content =~ /username=([\s\S]+?)&/; my $username = $1; prin
我在 .NET 中发现了一些与我预期的有点不同的东西。我粘贴的代码没有意义，但它是我拥有的一个复杂得多的函数的浓缩版。我实际上是在获取匿名类型信息作为参数(尚未创建匿名类型的实例)，我需要创建该类型的
我正在努力解决 JavaFX 应用程序的混淆问题。使用此项目作为基础: https://github.com/openjfx/samples/tree/master/IDE/IntelliJ/Non-
是否可以制作一个与此类似的 CSV 阅读器 while((line = reader.readLine()) != null){ String[] values = line.
公共(public)类测试2 { 公共(public)静态无效主(字符串[]参数){ System.out.println("3 + 6"); System.out.println(3
我是一名优秀的程序员,十分优秀！