双飞翼布局

时间 2021-08-14
标签 html ide htm class meta float margin view 栏目 HTML 繁體版
原文原文链接
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style>        *{            margin: 0 ;            padding:0;        }        .outer{            /*min-width: 800px;*/            overflow: hidden;        }        .main {           width: 100%;            height:500px;            font-weight:bold;">yellowgreen;            float: left;        }        .left{            width: 200px;            height: 500px;            font-weight:bold;">yellow;            float: left;            margin-left: -100%;        }        .inner{            padding: 0 200px;        }        .right{            width: 200px;            height: 500px;            font-weight:bold;">orange;            float: left;            margin-left:-200px;        }    </style></head><body><div class="outer">    <div class="main">        <div class="inner">            中间2010年，35岁的和志虹在海地执行联合国维和任务时不幸殉职，留下年仅4岁的幼子和年逾花甲的父母。            和志虹深爱家里的每个人，但使命感让她坚决果断地奔赴维和一线。            2007年11月，和志虹第一次来到海地。            一开始住的是临时营地，条件很是差，洗澡、上厕所都是大问题；刚到不久，海地就发生了一次大规模暴力骚乱，“营区3个哨位同时遭枪击，因为有防弹玻璃掩护，哨兵才幸免于难”……            如此种种，让和志虹更加深入感觉到和平的难得。虽然存在生命危险，她却在日记里写道：“即使是第二次、第三次维和，只要祖国召唤，我义无反顾……”        </div>    </div>     <div class="left">        左边     </div>    <div class="right">        右边    </div></div></body></html>