Css 什么决定了'的大小;分区';没有设置宽度和高度?

Css 什么决定了'的大小;分区';没有设置宽度和高度?,css,Css,如果div(如img)的内容具有宽度和高度,则提供浮动模式集。div的大小是否更改以适应其内容,或者保持为0。默认情况下,div是块元素,这意味着其宽度将为其容器宽度的100%,其高度将扩展以覆盖其所有子元素 如果其子项的宽度大于div的容器宽度,则div本身不会水平扩展,而是其子项溢出到其边界之外。这是基于div的默认溢出:可见设置 根据问题更改进行编辑: 如果div浮动,则其宽度和高度将扩展到覆盖范围 它的孩子 如果子项是浮动的,div的维度保持为100%容器宽度和0高度 是的,div的大

如果div(如img)的内容具有宽度和高度,则提供浮动模式集。div的大小是否更改以适应其内容,或者保持为0。

默认情况下,
div
是块元素,这意味着其宽度将为其容器宽度的100%,其高度将扩展以覆盖其所有子元素

如果其子项的宽度大于
div
的容器宽度,则
div
本身不会水平扩展,而是其子项溢出到其边界之外。这是基于
div
的默认
溢出:可见设置

根据问题更改进行编辑:

  • 如果
    div
    浮动,则其宽度和高度将扩展到覆盖范围 它的孩子
  • 如果子项是浮动的,
    div
    的维度保持为100%容器宽度和0高度

是的,div的大小可以调整


如果不指定div的维度,它将根据其内容的大小进行调整。

查看此代码

<div style='border:10px solid black;'>
    <img src="https://wakeuptiger.files.wordpress.com/2014/06/77-yoda-star-wars-may-the-force-be-with-you2.jpg" alt="Smiley face">
</div>

在上查看此示例,可以通过查看边框来区分内部内容和div的宽度

div的宽度默认为100%(由于
display:block
css),高度根据内部内容而变化


此外,即使内部内容具有更高的宽度,宽度也将始终保持100%。

如果处于“浮动”模式,是否可以更改?即使div处于浮动状态,宽度也会调整为什么要使用已发布的相同解决方案发布答案?这可能会让你投反对票。答案是在同一时间发布的。第一个答案是在一分钟多之前提交的,很可能是在你开始写你的答案的同一时间发布的,但是,当一个人看到另一个答案在你自己的答案之前发布了相同的内容时,你应该删除你的答案,当然,当它是一个更具描述性的答案时,为什么要用已经发布的相同解决方案发布答案呢?这可能会让你投反对票。当我发布答案时,其他选项没有显示。第一个选项出现在一分钟多之前,很可能是在你开始写你的答案的时候,但是,当一个看到另一个答案在你自己的答案之前发布时,使用相同的解决方案,你应该删除你的。好的。下次我会记住的。删除此项也将删除关联的示例。所以,现在不要删除它。“这是基于div的默认
溢出:自动;
设置。”-默认情况下
溢出:不可见吗!谢谢,我会更新答案的。