<分区>
这将是 CSS 人员拍打额头然后说“你一定是在开玩笑”的事情之一,对此我深表歉意。对于无法在 Stackoverflow 上找到类似的问题,我也深表歉意,我很确定,一定有一个。
看看这个 JSfiddle:https://jsfiddle.net/kwende/fqxna79a/
你会注意到里面有两个标签:
<div id="left">Left</div><div id="right"><p>Right</p><p>Right 2</p></div>
令我感到奇怪的是,如果您输入 ENTER(在 Chrome 和 Edge 中)并因此在第一个和第二个 div 之间创建一个换行符,绿色和红色 block 不再在同一行上。但是 CSS 没有改变。没有更改标记。我不明白为什么(这是我理解的一部分,这无关紧要)文本文档本身内的换行符会在标记的呈现中创建一个新行。但它显然确实如此。
示例:
是我没有回车的地方,还有
更新:好像这个问题之前已经回答过了。 Here是了解正在发生的事情的一个很好的链接。