个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
28
4
考虑下面的网页。 <img>绝对相对于其父级定位，当我在 Safari 或 Firefox 上加载此页面时，<img>正如预期的那样出现在右上角(见第一张图片)。但是，当边框从 <div> 中移除时，例如，通过设置 border-width: 0 , <img>绝对相对于 <p> 定位自己标记，它的兄弟!参见图片 #2。为什么是这样？边界应该有什么区别？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body {
margin: 0;
}
div {
position: relative;
left: 0;
top: 0;
border: 1px solid red;
}
img {
position: absolute;
right: 0;
top: 0;
}
p {
margin: 20px;
}
</style>
</head>
<body>
<div>
<img src="content/en/flag.png" />
<p>This is a test</p>
</div>
</body>
</html>
最佳答案
您的图片始终位于右上角。它与 collapsing margins 有关.
尝试用背景色来做。您会看到您的 div 正从 body 的顶部移开几个像素。如果你删除 p 的边距一切都会好起来的，或者将 p 设置为内联元素或 float 它，甚至将溢出设置为 auto、隐藏 或滚动 到父级。另一种对抗折叠边距的方法是向容器元素添加边框。所以你真的是用那个边界来解决这个问题。
但图像始终位于其应有的位置。
关于css - CSS 绝对定位之谜，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17768520/
28
4
0
我一直在使用高精度时间在控制台中记录我的程序事件。但很快我就注意到程序有时会显示四舍五入到毫秒的时间，有时则不会!它完全偶尔发生，它是相同的代码，未重新编译，未在运行之间编辑: using Syste
首先:该代码被认为是纯粹的乐趣，请在生产中不要做任何类似的事情。在任何环境下编译并执行这段代码后，对于您，您的公司或您的驯鹿造成的任何伤害，我们概不负责。以下代码不安全，不可移植，并且非常危险。被警告
我正在投影图像，然后检查它: 高度是20px。这是正确的。 然后我检查包含 img 的 data-radium 元素，令我惊讶的是: 尽管没有内容，该元素的高度“增长”了两个像素。此外，data-ra
我是一名优秀的程序员,十分优秀！