CSS布局挑战:如何让子元素高度与父元素一致,同时宽度超出父元素边界?
本文旨在解决一个常见的CSS布局问题:如何在不修改HTML结构的前提下,使子元素(box-2)的高度始终等于父元素(box-1)的高度(包含内边距),并使其宽度延伸至整个浏览器窗口,超出父元素边界。
以下为初始HTML结构:
<div class="box-1 container py-5"> <div class="box-2"></div> <div class="box-3"> 111 <br><br> 111 <br><br> 111 <br><br> 111 <br><br> 111 <br><br> </div></div>
登录后复制
本文来自互联网或AI生成,不代表软件指南立场。本站不负任何法律责任。