gpt4 book ai didi

css -

转载 作者:技术小花猫 更新时间:2023-10-29 12:29:26 30 4
gpt4 key购买 nike

我想了解为什么浏览器显示

的方式不同?

这是一个示例:片段 #1 的预期输出是三个并排的框:[黑色]、[蓝色]、[红色]。代码段 #2 仅显示 [black] 和 [red] - 为什么代码段 #2 中没有呈现 [blue] 框?

1:

<div style="float:left; width:50px; height:50px; background:black;"></div>

<div style="float:left; width:50px; height:50px; background:blue;"></div>

<div style="float:left; width:50px; height:50px; background:red;"></div>

2:

<div style="float:left; width:50px; height:50px; background:black;"></div>

<div style="float:left; width:50px; height:50px; background:blue;" />

<div style="float:left; width:50px; height:50px; background:red;"></div>

编辑:我使用的是 Chrome 12 和 html5:<!doctype html>

最佳答案

主要是因为<div />不是有效的 HTML。

如果您查看不同的文档类型,您会发现 div 不能自动关闭。

根据 W3C:

A div element must have both a start tag and an end tag.

来源:http://www.w3.org/TR/html-markup/div.html

为了在此处也包含 Chucks 评论,HTML 中的尾部斜杠不会自动关闭标记。使用尾部斜线的自闭合标签是 XHTML 的一个特性,而不是 HTML。

关于css - <div></div> 与 <div/>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6753748/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com