html - 使用float : left cause a change of length强制html元素并排定位

Question

我想在我的 html 中并排放置两个元素，但是当我使用 float: left 这样做时，它似乎会导致第二个元素改变大小。

这是一个 example

我尝试手动更改宽度，但尺寸更改似乎忽略了宽度更改。

我错过了什么？

Answer 1

在查看您的代码后，我认为这可能会有所帮助。

.width_modify4{

    float: left;
    width: 140px;

}

您在 .width_modify3 中设置了 width: 140px; 但您将 .width_modify4 设置为 width: 500 px; 有一个小错误:500 和px 之间有一个空格，导致该语句被忽略。尝试删除空格。希望这对您有所帮助!

编辑:在意识到您可能不希望两个元素大小相同后，只需执行 width: (number of pixels)px。例如，宽度:500px。