Html 绝对及;相对的

Html 绝对及;相对的,html,css,css-position,Html,Css,Css Position,我一直在玩这两个游戏,我似乎仍然无法理解他们的想法 当我试图让所有东西都保持居中时,不管你看的是什么屏幕分辨率,我通常用0自动输入宽度。但是-如果我有与绝对相同的属性,它将完全忽略此值,并且不起作用 那么,我应该如何准确地将一幅图像放置在另一幅图像的顶部,同时确保在所有屏幕分辨率下都将其居中,并且不使用绝对分辨率 编辑:我试图让小新闻小部件和TeaTews小部件保持在正文的中间。 HTML 对于绝对定位的图元,假定宽度固定 left: 50%; margin-left: -[width/2];

我一直在玩这两个游戏,我似乎仍然无法理解他们的想法

当我试图让所有东西都保持居中时,不管你看的是什么屏幕分辨率,我通常用0自动输入宽度。但是-如果我有与绝对相同的属性,它将完全忽略此值,并且不起作用

那么,我应该如何准确地将一幅图像放置在另一幅图像的顶部,同时确保在所有屏幕分辨率下都将其居中,并且不使用绝对分辨率

<>编辑:我试图让小新闻小部件和TeaTews小部件保持在正文的中间。

HTML


对于绝对定位的图元,假定宽度固定

left: 50%;
margin-left: -[width/2];

<代码>左>代码>将其左边框置于屏幕中间;负片

边距
将其拉回左边一半宽度,使其居中


绝对
定位允许相对于窗口或包含元素定义
上、右、下、左
属性


relative
允许相对于元素通常出现在文档流中的位置定义相同的属性

您可以用另一种方式,使用嵌套的
标记,例如:

<div id="outer">
    <div id="inner">
    </div>
</div>


然后将图像添加到CSS中。参见,例如:

请发布您的HTML和CSS,谢谢您的解释。
left: 50%;
margin-left: -[width/2];
<div id="outer">
    <div id="inner">
    </div>
</div>