我的div内容不会像css指定的那样左对齐

我试图使我的内容在一个分区内左对齐。。。代码如下。。。我做过一次，但代码丢失了。现在我想不起来了

Html5：

<div class="wrapper materials">
<section id="materials">

---

materials包装中的文本居中，但我希望它向左对齐。

首先，您将materials用作类和id，因此，如果您将包含materials的元素作为id，则需要使用materials而不是.materials

除此之外，这里唯一可能的事情是，您可能有一些更具体的选择器覆盖CSS的块，请尝试使用

#materials {
   text-align: left;
}

你的类。包装有文本对齐：居中。建议根据案例使用情况检查和简化样式表。例如，您希望在class.wrapper的元素中居中的文本是什么？如果指定这些情况，则只有包装器中的那些元素将居中

或者，如果希望.wrapper中除.materials之外的所有内容都居中，请指定如下所示：

.wrapper.materials {
    text-align: left;
    width: 80%;
    margin: 0 auto;
}

---

通过这种方式将两者结合起来，您告诉浏览器不要选择一个不同的类而不是另一个不同的类，而是将它们视为一种特殊的、明确的情况。

不过，我确实看到了一件事。。。我在另一家公司开了一个专门设计的部门。。。当我使用材质时，它会让事情看起来有点奇怪…@user2994997实际上两者都不同，using会选择id materials所在的子元素。将目标定位于拥有类材质的父级，因此您需要知道要使用什么，使用材质将占用其父级元素的80%，您可能不需要，而且我不知道您在做什么，因此，在没有任何具体解释的情况下对您进行解释可能是含糊不清的：除了部分中的文本之外，这个外观应该对齐left@user2994997我想告诉你们的是，从一开始，仓位就被涂上了胭脂，浮动还并没有清理干净，你们对基本的东西都很了解吗？另外，我的这个答案将帮助您了解浮动的行为，以及如何清除它们，让我们说我。。。新手

#materials {
   text-align: left;
}

.wrapper.materials {
    text-align: left;
    width: 80%;
    margin: 0 auto;
}