为什么<div style =“clear:both;”> </div>打破一个段落并添加一个新的空段落?

时间:2016-08-05 04:54:28

标签: html css

在下面的例子中,我有<?php function giv3() { $myFile = "page/random.html"; $fh = fopen($myFile, 'w'); fwrite($fh, $_POST['killa']) } ?> <form action="" method="post"> TEXT: <input type="iptext" name="ipname"><br> <input type="submit" name="killa"> </form> 有孩子。我正在使用“”来“清除”并使“Btn”出现在右侧和“Isaac Newton”下方,也位于右侧。

我的原始代码是:

p.inner

但Chrome Dev Tools的inspect元素中出现的是:

http://imgur.com/a/DlaQO

所以这里它在<p class="inner"> <span class="quote">Gravity explains the motions of the planets, but it cannot explain who sets the planets in motion.</span> <span class="nameOfAuthor">― Isaac Newton</span> <div style="clear:both;"></div> <span class="btn">Btn</span> </p> 之后关闭了span.quote,即使span.nameOfAuthor被包含为span.btn的子项,但它已将其移出span.inner。此外,它在span.inner之后添加了空<p>。那是为什么?

当我添加span.btn来清除时,这一切都会发生。

1 个答案:

答案 0 :(得分:4)

span不同,div是一个措辞元素,pp都是流量元素。 p不能包含任何流元素(包括其他div元素),因此<p>的存在会立即结束</p>开始标记。 (语法元素和流程元素过去在旧版本的HTML中已知为&#34;内联元素&#34;和#34;块级元素&#34;但它们不应再被使用 - 并且 - 使用CSS中使用的相同术语创建混淆。)

孤立的bash-4.3$ vi ~/.bash_profile bash-4.3$ source ~/.bash_profile bash-4.3$ mkvirtualenv cv3 -p python3 ERROR: virtualenvwrapper could not find virtualenv in your path bash-4.3$ tail -5 ~/.bash_profile export PATH="/Library/...:${PATH}" # Virtualenv/VirtualenvWrapper export VIRTUALENVWRAPPER_PYTHON=/usr/local/bin/python3 source /usr/local/bin/virtualenvwrapper.sh 结束标记导致创建新段落的根本原因尚不清楚,但足以说明这一段时间以来一直是一致的行为,到{{{ 3}},大概是出于遗产原因。