时间戳

首页 > 解决方案 > 我一直试图让我的 css 与我的 html 一起工作

html - 我一直试图让我的 css 与我的 html 一起工作

问题描述

我无法让 css 和 html 代码使用填充、边距、浮点数一起工作。我被困住了。如果把浮动放在左边，它会停留在中间。基本上它不会正确调整大小。我希望这能解释它......我很沮丧

我试过我的书，谷歌，w3schools。我只是似乎错过了一些东西。我在一个编码训练营，我没有时间在课堂上询问我需要的一切。

我的 HTML：

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Easier Layout</title>
  <link rel="stylesheet" type="text/css" href="style.css">
  </head>

<body>
  <div class="container">
        <div id="header">
            <h6>header</h6>
        </div>
  </div>


</body>
</html>

我的CSS：

.container {
    padding: 250px;
    margin-bottom: 500px;
    margin-right: 250px;
    margin-left: 250px;
    margin-top: 20px;
    background-color: gray;

}

#header{
   width: 600px;
   padding-right: 10px;
   float: right;
   background-color: white;

标签： htmlcss

解决方案

首先，您必须为容器 div 指定特定宽度，然后浮动属性将起作用。只有当父级被赋予了特定的宽度时，浮动属性才能正常工作。

推荐阅读