电子>这是一个错误吗？

Question

我有这个html结构：

<div class="wrapper2">
			<div class="previewContainer2">
				<div id="previewGroup">
					<div id="filePreview">
						<div id="icon">
							<div id="whiteSheet"/>
							<div id="extension">EXT</div>
						</div>
					</div>
					<img id="thumbnail" src="assets/indesign.svg" />
					<div id="fileName">aaa</div>
				</div>
			</div>
			<div class="metadataContainer2">
			</div>
		</div>

但是一旦加载了电子，最后一个div（.metadataContainer2）就会在.previewContainer2 div内部移动：\

<div class="wrapper2">
			<div class="previewContainer2">
				<div id="previewGroup">
					<div id="filePreview">
						<div id="icon">
							<div id="whiteSheet">
							<div id="extension">EXT</div>
						</div>
					</div>
					<img id="thumbnail" src="assets/indesign.svg">
					<div id="fileName">aaa</div>
				</div>
			</div>
			<div class="metadataContainer2">
				<p>ncndnlkcd</p>
			</div>
		</div>
</div>

我做错了吗？

Answer 1

如果您遵循HTML5规则，则div标签不能自动关闭。在this site

上查看更多信息

因此，将您的原始代码line#6修改为以下内容。

<div id="whiteSheet"></div>