时间戳

首页 > 解决方案 > 在CSS中放入一些内容后如何初始化div宽度并自动更改？

html - 在CSS中放入一些内容后如何初始化div宽度并自动更改？

问题描述

我有一个div，我想初始化一个宽度，例如，100px在放置一些内容后它应该自动改变宽度。纯CSS有可能吗？还是我应该使用 JavaScript？

<div></div>

<style>

div{
    min-height: 100px;
    min-width: 100px;
    background-color: red;
}

<style>

我已经使用了 min-width 它不起作用，它使它成为 100% 宽度。
提前谢谢

标签： htmlcss

解决方案

CSS 足以实现这一点。你缺少的是display: inline-block;.

div {
  background-color: #f00;
  display: inline-block;
  min-height: 20px;
  min-width: 100px;
}
<div></div>

推荐阅读