首页 > 其他分享> > css子元素撑满父元素---求大佬指点一下

css子元素撑满父元素---求大佬指点一下

2021-07-06 01:33:30 作者：互联网

一个父元素里面有三个子元素，父元素不设置高度，第一个子元素撑满父元素高度，怎么让傍边的子元素跟父元素一样高

这是现在代码运行的样式

目的效果

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            .u{
                width: 100%;
            }
            .a{
                width: 200px;
                height: inherit;
                background-color: aqua;
                float: left;
            }
            .b{
                width: 200px;
                background-color: bisque;
　　　　　　　　　　height:inherit;
                float: left;
            }
            .c{
                background-color: brown;
                width: 200px;
　　　　　　　　　　height:inherit;
                float: left;
            }
        </style>
    </head>
    <body>
        <div class="u">
            <div class="a">
                窗前明月光，疑是地上霜，举头望明月，低头思故乡。
            </div>
            <div class="b">
                窗前明月光
            </div>
            <div class="c">
                窗前明月光
            </div>
        </div>
    </body>
</html>

标签：撑满,float,color,元素,明月光,---,width,background
来源： https://www.cnblogs.com/ratel666/p/14975075.html