用 vw 创建两个元素来创建 100vw 不起作用[重复]
发布于2022-06-29 22:29 阅读(823) 评论(0) 点赞(27) 收藏(5)
我正在尝试创建 2 个简单的 div，一个80vw和另一个20vw并排创建两个 div。
由于某种原因，这不起作用：
<div style="background:black; height:100vh; width:50vw; display:inline-block;">50vw</div>
<div style="background:red; height:100vh; width:50vw;display:inline-block;">50vw</div>
小提琴：https ://jsfiddle.net/4hvrz4o1/
解决方案
<div style="display:flex">
<div style="background:black; height:100vh; width:50vw; display:inline-block;">50vw</div>
<div style="background:red; height:100vh; width:50vw;display:inline-block;">50vw</div>
</div>
最初的浏览器布局疯狂有一个方法，你只需要记住它。就个人而言，我发现 flexbox 模型更符合我对布局的“思维方式”，因此我更频繁地使用它。这是常见用例的备忘单，尤其是。并排的情况。
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/377128/76b7e7d9a6be3a33746f/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力