Question

我有一个以页面为中心的文本区域，其中有一个flexbox div，我希望它有80％的宽度，但是对于flexbox，似乎我不能使用％作为宽度的单位。

我的HTML：

<div class="textdiv">
    <form>
        <div>
            <textarea>
            </textarea>
        </div>
    </form>
</div>

我的css：

.textdiv {
  display: flex;
  justify-content: center;
}

textarea {
  width: 80%;
}

使用flexbox时，宽度会被忽略，除非我切换到另一个单位。有什么办法可以将这个文本区域的宽度设置为页面的80％吗？

Answer 1

Use flex on the div above the text area

<div >
    <form>
        <div class="textdiv">
            <textarea>
            </textarea>
        </div>
    </form>
</div> 

textarea {
  flex: 0 0 80%;
}

更改textdiv类的位置

流体宽度textarea与flexbox;百分比被忽略

1 个答案: