Question

实际上我懒得问这个问题，因为这对我来说应该是最基本的东西。但是，由于我仍然无法解决问题，所以这对我来说很重要，我无法帮助它。

是的，最小宽度对我来说也不起作用（有一些对待有类似问题）。我已设置内联样式，左浮动和溢出隐藏或不隐藏。但它仍然没有解决它。

  <style>
     div {
        width:300px;
        min-width:150px;
        overflow:hidden;
        background:yellow;
        float:left;
        display:inline;
     }
  </style>

  <body>

       <div>
           This/is what I want 
           is/everything in this world beautiful to see for me
           a/love is more happiness thing than money 
           text/me to say I miss you too
       </div>

  </body>

Answer 1

 div {
        width:30%;
        min-width:150px;
        overflow:hidden;
        background:yellow;
        float:left;
        display:inline;
     }

使用宽度％来使min-width有效，否则它只需要300px作为设定值

Answer 2

您将div的宽度设置为300px。所以这个div总是300px宽。将其更改为 max-width:300px;它会起作用。

Fiddle

现在也没有必要声明您只需要float和inline：

div {
    max-width:300px;
    min-width:150px;
    background:yellow;
 }

min-width在css样式中不起作用

2 个答案: