css3“新”样式的flexbox无法在chrome中拉伸文本区域
css3“新”样式的flexbox无法在chrome中拉伸文本区域
提问于 2012-11-05 08:35:55
我很难让css3灵活的框布局模型在最新的chrome中工作，例如：
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
body {
background: #FFF;
}
div.content {
position: fixed;
width: 50%;
height: 80%;
top: 10%;
left: 25%;
padding: 10px;
background-color: #FFFFFF;
box-shadow: 0px 0px 25px 5px #333333;
border-radius: 10px;
display: -webkit-flex;
-webkit-flex-flow: column;
-webkit-align-items: stretch;
}
div.content > * {
-webkit-flex: 1 1 auto;
padding: 10px;
margin: 10px;
background-color: #FFFFFF;
border: 2px solid gray;
height:0;
}
</style>
</head>
<body>
<div class="content">
<div>
<label>label content</label>
</div>
<textarea>Text area test</textarea>
<div></div>
<input type="text" value="input field" />
</div>
</body>
</html>(jsfiddle of this)
在上面的示例中，所有元素都正确地在主轴上伸缩，div和span也正确地在横轴上伸展，但是输入和文本区域在横轴上没有正确伸展。根据specification的说法，他们应该这样做。
我不是在找工作，而是想知道我是否做错了什么，或者是规范中我遗漏了什么，从而阻止了它的工作。
Stack Overflow用户
回答已采纳
发布于 2015-04-15 07:56:52
正如@ebidel指出的那样，这被证明是一个浏览器实现错误，在最近的版本中不再是一个问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13224520
复制相关文章
相似问题
腾讯云开发者
