里面的<div>块是否正确？

我正在使用Bootstrap，它是横向格式的演示：

<form class="form-horizontal" role="form"> <div class="form-group"> <label for="inputEmail1" class="col-lg-2 control-label">Email</label> <div class="col-lg-10"> <input type="email" class="form-control" id="inputEmail1"> </div> </div> </form> 

但我不想为每个<input>创buildID，所以

 <form class="form-horizontal" role="form"> <div class="form-group"> <label class="block"> <span class="col-lg-2 control-label">Email</span> <div class="col-lg-10"> <input type="email" class="form-control"> </div> </label> </div> </form> 

但display:block不能在里面display:inline ，所以我使用CSS

 .block { display: block; } 

它正在工作，但它是正确的？ 因为听说我们不应该把display:block元素放到display:inline element（ label ）

Answer 1

请参阅标签元素的规格 ：

内容模型：expression内容，但没有后代可描述的元素，除非它是元素的标签控件，并且没有后代标签元素。

措辞内容链接到：

表述内容是文档的文本，以及在段落内标记文本的元素。 短语内容的运行形成段落。

abbr区域（如果它是地图元素的后代）audio b bdi bdo brbuttoncanvas引用代码数据datalist del dfn emembeddediframe imginputins kbd keygen标记地图标记math计算器noscript对象输出进度q ruby​​ s samp脚本select小跨度强壮的子文件

所以不行。 HTML不允许<label>包含<div> 。