html - div 出于未知原因超出了

Question

我刚刚注意到 <p> 中的 div到外面去，所以“你想接收……”在<p>里面吗？ , 然后在 div 之后有一个空的 <p></p> , 而不是全部都在一个 <p> 中

有人在这里看到错误吗？

<p class="subs1">
                Do you want to receive our emails and new collection previews? 
                <div style="" class="styledRadio first_radio">
                    <input type="radio" value="yes" name="user[collection_previews]" style="display: none;">
                </div>
                Yes 
                &nbsp;&nbsp;&nbsp;
                <div style=" width: 20px; height: 20px; cursor: pointer; background-position: 0px 0px;" class="styledRadio">
                    <input type="radio" value="no" name="user[collection_previews]" style="display: none;">
                </div>
                No
            </p>

整个东西应该在 subs1 p 里面，但它不是

Answer 1

您不能在 <div> 中使用 block 元素( <form> 、 <p> 、 <p> )等标签。使用 <div>而不是 <p> .

<div class="subs1">...</div>

http://www.w3.org/TR/html-markup/p.html指出只有 phrasing content 被允许。这意味着这些元素中没有 block 元素。