Question

我想将mi标签元素80px中的元素向右移动。但是，它并没有遵循我在CSS文件中的指示。为什么呢？

*我找到了使用<div>元素的解决方案。但我想知道，它不能直接使用head标记。

这是我的head标记：

<head>
    <meta charset="utf-8">
    <link href="website2.css" rel="stylesheet"/>
    <!-- Branding and navigation go here -->
    <h1>gonzales.com</h1>
    <p>analyst</p>
</head>

我的CSS：

head {
text-align: left;
padding: 20px 0px 20px 80px;
}

解决方案<div>：

<div id="headerr">
<head>
    <meta charset="utf-8">
    <link href="website2.css" rel="stylesheet"/>
    <!-- BRanding and navigation go here -->
    <h1>gonzales.com</h1>
    <p>analyst</p>
</head>
</div>

使用div id的CSS：

#headerr {
    text-align: left;
    padding: 20px 0px 20px 80px;
}

Answer 1

这是因为head元素不能包含p元素。

具体来说，head的内容模型是

metadata content的一个或多个元素，其中只有一个元素一个title元素，且不超过一个是base元素。

相反，HTML解析器会关闭head并将p元素放在body内。

因此，p不受设置为head的样式的影响。

CSS3：使用head标签不会浮动元素

1 个答案: