Div 显示调整角大小和光标变化，但不会调整大小

Question

这里是相关的 CSS 和 HTML。

#itemDescription,
#itemDescription2 {
  overflow-y : scroll;
  height     : 5em;
  min-height : 5em;
  max-height : 20em;
}

#itemDescription2 {
  display : inline-block;
  resize  : vertical;
}

<div class='fieldInput fullWidth' id='itemDescription2' readonly>Some PHP content here...</div>

DIV 正确显示调整角大小，但不会执行任何操作。 已经看过其他 CSS 锁定大小等内容了。

我可以在这里得到一些提示吗？

Answer 1

resize

运作良好。 但你把它设置为垂直。

https://developer.mozilla.org/en-US/docs/Web/CSS/resize

语法

/* Keyword values */
resize: none;
resize: both;
resize: horizontal;
resize: vertical;
resize: block;
resize: inline;

#itemDescription,
#itemDescription2 {
  overflow-y : scroll;
  height     : 5em;
  min-height : 5em;
  max-height : 20em;
}

#itemDescription2 {
  display : inline-block;
  background: #ddd;
  resize  : both;
}

<div class='fieldInput fullWidth' id='itemDescription2' readonly>Some PHP content here...</div>