双飞翼布局

    xiaoxiao2021-03-25  105

    双飞翼

    实现优先加载main,左右固定,中间自适应

    container(包含main),left,right 都浮动float:left container设置100%宽度main设置 左 右 margin,给 left , main 让位置left 设置 margin-left:-100%(父元素width的100%)right设置margin-left:自身宽度的负值 <div id="container1"> <div id="main1">main</div> </div> <div id="left1">left</div> <div id="right1">right</div> #container1{ float: left; width: 100%; } #main1{ margin-left: 100px; margin-right: 200px; } #left1{ float: left; width: 100px; margin-left: -100%; } #right1{ float: left; width: 200px; margin-left: -200px; }
    转载请注明原文地址: https://ju.6miu.com/read-16611.html

    最新回复(0)