双飞翼+伪等高

墨蓝 2021-08-28 13:24 324阅读 0赞

[双飞翼布局][Link 1]

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style> * { margin: 0; padding: 0; } body{ min-width: 700px; } #box { overflow: hidden; } .left, .right, .middle { padding-bottom: 100000px; margin-bottom: -100000px; } .left, .right { background-color: beige; width: 200px; float: left; } .middle { background-color: coral; width: 100%; float: left; } .left { margin-left: -100%; } .right { margin-left: -200px; } .middle .mid { padding: 0 200px; } </style>
    </head>
    
    <body>
        <div id="box">
            <div class="middle">
                <div class="mid">
                   midddle055555
    			   midddle055555
    			   midddle055555
    			   midddle055555
    			   midddle055555
    			   midddle055555
    			   midddle055555
    			   midddle055555
    			   midddle055555
    			   midddle055555
                </div>
            </div>
            <div class="left">left</div>
            <div class="right">right</div>
        </div>
    </body>
    
    </html>

[Link 1]: https://blog.csdn.net/weixin_44601948/article/details/105974733

发表评论取消回复

表情：

评论列表（有 0 条评论，324人围观）

还没有评论，来说两句吧...

相关阅读

相关双飞翼布局

<style> * { margin: 0; padding: 0; ...

忘是亡心i/ 2024年04月19日 11:33/ 0 赞/ 70 阅读

相关圣杯布局和双飞翼布局

圣杯布局和双飞翼布局，虽然两者的实现方法略有差异，不过都遵循了以下要点：两侧宽度固定，中间宽度自适应中间部分在 DOM 结构上优先，以便先行渲染允许三

小咪咪/ 2022年12月29日 04:57/ 0 赞/ 180 阅读

相关 css经典布局——双飞翼布局

圣杯布局的出现是来自由 Matthew Levine 在 2006 年写的一篇文章 [《In Search of the Holy Grail》][In Search of

客官°小女子只卖身不卖艺/ 2022年12月06日 04:18/ 0 赞/ 174 阅读

相关 [CSS]双飞翼布局

题目要求： 1.分为三个部分，左中右，先加载中间 2.左右宽为200px，中间自适应答案源码： <!DOCTYPE html> <html lan

电玩女神/ 2022年11月26日 05:59/ 0 赞/ 162 阅读

相关 CSS双飞翼布局实例

<!doctype html> <html> <head> <meta charset="utf-8"> <title>双飞翼布局</t

深碍√TFBOYSˉ_/ 2022年09月25日 06:22/ 0 赞/ 168 阅读

相关圣杯布局和双飞翼布局

圣杯布局与双飞翼布局 -------------------- 圣杯和双飞翼布局都是左右两边固定中间自适应，都是 `负margin`的应用。圣杯布局 -

淩亂°似流年/ 2022年05月21日 02:45/ 0 赞/ 240 阅读

相关圣杯布局和双飞翼布局

圣杯布局圣杯布局就是三栏布局，其中左右两栏固定宽度，中间部分自适应主要步骤： 1. 在html中，中间的块在最前面，后面紧跟左边的块和右边的块 2. 三者均

Bertha 。/ 2022年05月13日 05:24/ 0 赞/ 248 阅读

相关 2.3双飞翼布局

圣杯布局的改进版 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

清疚/ 2022年05月08日 12:46/ 0 赞/ 188 阅读

相关双飞翼布局

[圣杯布局][Link 1] [圣杯+伪等高][Link 2] 目录第一步第二步第三步第四步全部代码双飞翼布局+伪等

迷南。/ 2021年08月28日 20:22/ 0 赞/ 375 阅读

相关双飞翼+伪等高

[双飞翼布局][Link 1] <!DOCTYPE html> <html lang="en"> <head> <meta

墨蓝/ 2021年08月28日 13:24/ 0 赞/ 325 阅读