我有一个页面。方 block 的位置如下图所示。
红色容器被拉伸(stretch)到全屏。灰色容器的高度为 600px。
当起重机的高度增加时，我希望绿色 block 超出父级，如下图所示。
如何实现？
最佳答案
这可以通过给红色容器一个宽度来实现，例如width: 50%; 绿色容器的宽度固定，更大，例如宽度:100vw;
但是，这是不推荐的，因为这会导致很多问题，更不用说它非常丑陋了。
将绿色容器从红色容器中取出并使用 display: flex; 将其漂亮地对齐有什么问题？
关于html - 增加屏幕高度时，子 block 必须超出父 block ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57654467/