Fatal编程技术网
  • html/
  • Html 为什么所有内容都要在绝对元素中换行，嵌套在浮点或内联块元素中

Html 为什么所有内容都要在绝对元素中换行，嵌套在浮点或内联块元素中

html css

Html 为什么所有内容都要在绝对元素中换行，嵌套在浮点或内联块元素中,html,css,Html,Css,我有这部分样式，一个相对的内联块元素，里面有一个绝对元素： <div style="display:inline-block;position: relative"> <div style="position:absolute"> <input type="text" /> <input type="button" value="submit" /> </div> </div> 具有位置：绝对的元素

我有这部分样式，一个相对的内联块元素，里面有一个绝对元素：

<div style="display:inline-block;position: relative">
  <div style="position:absolute">
    <input type="text" />
    <input type="button" value="submit" />
  </div>
</div>
具有
位置：绝对
的元素具有“收缩到适合”行为。如果你写一个长句，每个词都会断句，你会注意到同样的想法：




aaaa bbb ccc ddd eee fff

请注意，
标记不使用，浏览器会忽略HTML中的结束斜杠。它没有意义，什么也不做。有趣，我不知道。这就是为什么删除
position:relative
会正常工作的原因，因为它会占用html宽度，而删除
display:inline block
会占用div width并占用div width。@Keaire:）使用
width:max content
似乎也解决了“问题”如果希望绝对元素适合内容，而不是指定固定的宽度。@不，请使用
空白：nowrap