html div像素偏移，而不是浮点

我学习html很累。我想在另一个街区里建一个街区。我希望此块与现有块的每侧距离为20像素接受顶部，我希望它与现有块的顶部距离为100像素

我知道符合此规范的div块的大小是1160×480像素块。在设计布局之前，我正在寻找和假设的是某种“中心”属性，我可以在上使用它，从而神奇地将其放置在现有结构的中心。遗憾的是，我找不到这样的属性

我想知道你们能不能帮我一下。除了float属性外，是否还有其他方法可以对齐或偏移块的像素位置

另一方面，是否有一些站点列出了与所有html元素关联的所有属性

这是我的密码：

<div id="container" style="width:1600px">
        <div id="header" style="background-color:#FFA500;width:1600px;height:50px;">
            Navigation bar
        </div>

        <div id="links" style="background-color:#FFD700;height:750px;width:400px;float:left;">
            <ul>
                <li><a href="">Resume</a></li>
                <li><a href="">Portfolio</a></li>
                <li><a href="">facebook</a></li>
                <li><a href="">Linkedin</a></li>
                <li><a href="">youtube</a></li>
                <li><a href="">twitch</a></li>
            </ul>
        </div>

        <div id="Ticker Title" style="background-color:#EEEEEE;height:150px;width:1200px;float:left;">
            Title of the Ticker goes here
        </div>

        <div id="Ticker block main" style="background-color:#CCCCCC;height:600px;width:1200px;float:left;">
            Main ticker block with a cool background.
            <div id="Ticker block" style="background-color:#BBBBBB;height:480px;width:1160px;" align="center">
                Ticker that displays one of five recent event. Refreshing the cycle every 20 secs. Can't get to display correctly within ticker main
            </div>
        </div>
    </div>

导航栏








股票代码的标题在这里
具有冷背景的主股票代码块。
显示最近五个事件之一的Ticker。每20秒刷新一次循环。无法在ticker main中正确显示

您可以使用CSS将其水平居中，如下所示：

文本对齐：居中

---

但是，这并不能使您获得所需的垂直居中。

我不清楚您想要的功能。 然而，这里有两种方法可以使你的内盒居中

---

方法1

如果希望内框距离容器顶部为100px，每侧为20px，只需从内框中删除宽度（和高度，如果愿意）设置并配置其边距：

div#ticker_block {
    background-color:#BBBBBB;
    height:480px;
    margin:100px 20px 0px 20px;
}

---

方法2

由于您知道内框和外框的尺寸，因此可以将内框的

top

设置为“50%”，并将负

边距top

设置为框高度的一半。这将使内框垂直居中。然后将

marginleft

和

marginright

设置为“auto”以使其水平居中：

div#ticker_block {
    position:relative;
    background-color:#BBBBBB;
    height:480px;
    width:1160px;
    margin:-240px auto 0px auto;
    top:50%;
}

---

关于上一个问题，您可以在此处找到HTML 4规范：

p.S.我将

Ticker block

的ID重命名为

Ticker\u block

，因为带空格的ID无效：

从：

ID和名称标记必须以字母（[a-Za-z]）开头，并且可以是 后跟任意数量的字母、数字（[0-9]）、连字符（“-”）， 下划线（“”）、冒号（“：”）和句点（“.”）

---

请包含您迄今为止尝试过的代码。太好了！成功了。那么您可以对div块使用margin属性ehh？酷。方法一可行，但我不得不将第一个数字减少到80。方法2非常有效。我对您使用的语法不太满意，所以我将我的语法改为：方法2和方法1。谢谢你的规格顺便说一句！