html - CSS:如何在 block 中显示我的 div？-6ren

html - CSS:如何在 block 中显示我的 div？

转载作者：行者123 更新时间：2023-11-28 05:27:21

我需要将我的 div 放在 block 中，或者它命名的任何地方，以便在输入大量文本时保持其位置并且不会在下面显示，我附上了一些我想做的事情的截图

编辑:对不起，我忘记发布我的代码了:/

CSS:

 .columnas{
    overflow: hidden;
}
.full{
    width:98%;
    margin: 20px 1%;
    background: #212121;
    height: 40px;
}
.col-3{
    width: 34%;
    margin: 5px 1%;
    background: #3b5998;
    height: 40px;
    float: left;
    display: inline-block;
    @media screen and (max-width: $tablet){
    width: 47.86%;  
    }
    @media screen and (max-width: $mobile){
    width: 98%; 
    }
}
.col-4{
    width: 26%;
    margin: 5px 1%;
    background: #ffff00;
    display: inline-block;
    //height: 40px;
    float: left;
}
.col-7{
    width: 70%;
    margin: 5px 1%;
    background: red;
    display: inline-block;
    //height: 40px;
    float: left;
}

HTML:

<html>
    <head>
    <link href="sass/app.css" rel="stylesheet" type="text/css" />
        <title>Frontend</title>
    </head>
    <body>
        <div class="columnas">
            <div class="full"></div>
            <div class="col-7"><p>Text1</p></div>
            <div class="col-4"><p>Text2</p></div>
            <div class="col-3"><p>Text3</p></div>
            <div class="col-3"><p>Text4</p></div>
        </div>
    </body>
    </html>