Question

如果div的内容（例如img）具有宽度和高度，则提供浮点模式设置。 div的大小是否会改变以适应其内容，或保持为0。

Answer 1

默认情况下，div是一个块元素，它意味着它的宽度将是其容器宽度的100％，并且它的高度将扩展以覆盖其所有子元素。

如果其子项的宽度大于div的容器宽度，则div本身不会水平扩展，而是其子项溢出其边界。这基于div的默认overflow: visible;设置。

根据问题变更进行修改：

如果div浮动，是的，它的宽度和高度将扩展到覆盖它的孩子们。
如果儿童漂浮，div的尺寸保持在100％容器的宽度和0高度。

Answer 2

查看此代码。

 238        if (fieldClass.match(/(select|checkbox-group|radio-group)/)) {
 239          previewData.values = [];
 240  
 241          $('.sortable-options li', field).each(function() {
 242            let option = {};
      ==============^
      SyntaxError: missing ; before statement
 243            option.selected = $('.select-option', $(this)).is(':checked');
 244            option.value = $('.option-value', $(this)).val();
 245            option.label = $('.option-label', $(this)).val();
 246  
 247            previewData.values.push(option);
 248          });
 249        }

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

div的宽度默认为100％（由于<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> css），高度因内部内容而异。

此外，即使内部内容的宽度较高，宽度也始终保持为100％。

Answer 3

是的，div的大小适应。

如果你没有指定div的尺寸，它会适应其内容的大小。

是什么决定了一个＆＃39; div的大小？没有设置宽度和高度？

3 个答案: