Html 项目自动调整到页面的全宽，无需定义

我被留给了一个真正的奇迹。或者事实上：一种恐怖。不知何故，无论我键入/定义/编码/创建什么，都会自动将其大小调整到页面的整个宽度。即使你定义了小于，div本身也会延伸到页面的整个宽度

我已经把它完全剥离到了最基本的部分。将文件复制到其他位置并更改了名称，以便它们不会干扰相同的命名文件

查看屏幕截图，包括所有代码

如您所见：我创建了多组DIV，一个有宽度定义，一个没有宽度定义。然而，他们似乎都走到了这一页的尽头

谁有主意？ 不知何故，问题出现在编辑器和浏览器（chrome）中

---

提前谢谢

这不是问题。

div

是块元素。它总是试图占据100%的可用水平空间

因此，

asdfgh_nowidth

占据100%的宽度，而

asdfgh

仅占据75像素

编辑：看看这个：

---

EDIT2：生成一个

div

浮点值将使其占用子对象的空间。更新了笔。
块元素占用块（=100%宽度，即使看不见）。如果要将某个元素放在其旁边，请使用float
float:left
或将元素更改为另一种类型
display:inline block
或
display:inline

您看到的是预期的行为。
默认情况下，
是一个块元素，即带有
style=“display:block”
，所有这些
block
元素采用
width=100%
即容器宽度的100%（在本例中为页面本身）

因此，除非您明确指定
的宽度，否则默认情况下它将占宽度的100%，或者您可以简单地定义
style=“display:inline”
以获取内容的大小。
顶部的部分比较窄-那么为什么您认为它会进入页面的末尾？原因有两个：1）因为下一个div开始于另一个div的下方，没有任何中断。2） 当我进入Chrome“Inspect element”元素，并将鼠标悬停在该行上时，它会选择整个宽度，而不仅仅是div（75px）本身？这以前从未发生在我身上。它们从不显示为“块”，只是正常的。如果它的宽度是75px，那么它们是，并且任何东西都可以在它旁边..div总是块元素，除非另有规定。看一看上面的钢笔。奇怪。我真的从来没有遇到过。。默认情况下，如何打开DIV的内联？Body{display:inline}-edit：这显然不起作用，那么默认情况下如何更改为inline？是添加显示：内联；我应该这样做。或者，如果你让它浮动，它会占用它的内容空间。再一次：这以前从未发生在我身上。我以前从未键入过displayblock/inline，但问题从未出现过。在过去的三年里，应该有一个一次性的解决方案来帮助我。。