day10真等高布局实现

最新推荐文章于 2024-01-02 10:39:37 发布

WEB-

最新推荐文章于 2024-01-02 10:39:37 发布

阅读量69

点赞数 1

文章标签： css html web

本文链接：https://blog.csdn.net/weixin_45637649/article/details/111359015

版权

<style>
    *{
        margin: 0;
        padding: 0;
    }
    .a{
        width: 900px;
        background-color: red;
        margin: 0 auto;
        overflow: hidden;
    }
    .b{
        width: 900px;
        background-color: green;
        margin-left: -300px;
    }
    .c{
        width: 900px;
        background-color: blue;
        margin-left: -300px;
    }
    .box1{
        width: 300px;
        float: left;
        position: relative;
        left: 600px;
    }
    .box2{
        width: 300px;
        float: left;
        position: relative;
        left: 600px;
    }
    .box3{
        width: 300px;
        float: left;
        position: relative;
        left: 600px;
    }
    .clearfix:after{
        content: '';
        display: block;
        clear: both;
    }
</style>

<div class="a">
    <div class="b">
        <div class="c clearfix">
            <div class="box1">先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。先帝创业未半而中道崩殂，今天下三分，益宜妄自菲薄，引喻失义，以塞忠谏之路也。先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。</div>
            <div class="box2">先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。</div>
            <div class="box3">先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。</div>
        </div>
    </div>
</div>