学习微信小程序之css16常见布局




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css常见布局</title>
    <style>
        *{
            padding: 0;margin: 0;
        }
        .header,.nav,.main,.footer{
            background-color: silver;
            border: 1px solid black;
            margin-bottom: 10px;
        }
        .header{

            height: 100px;
        }
      .main{
            height: 200px;
        }
        .nav{
            width: 200px;
            float: left;
        }
        .main{
            margin-left: 202px;

        }
        .footer{
            height: 50px;
            clear: both;
        }
    </style>
</head>
<body>
<div class="header">
    header
</div>
<div class="nav">
    无比挚爱的雪,念起,心的原野便铺出一条纯白的路,通向旷阔天边。雪天的心情,总是美好而浪漫的,薄薄雪念,总能清透情怀里日常堆积的纷杂,
    还原一份灵魂本真的干净境界。禅院听雪,折梅问心,感知风尘柔软的相待,赏雪看花的心情,不负时光的谦和与美意。
      
      虽然知道天气会骤然寒凉,可还是怀着一颗些许诗意浪漫的心,期盼素雪倾城的美丽时刻。季节深了,思念也浓了。笑意相迎的时光,卷眉眺望
    中怀想,那一天不速而来的洁白纷扬,会带来遥远雪乡的片片寄语,读懂岁月的温情,于是,心,便暖了。
      
      愿,约良人一段贞静时光,默然相对的时刻,却是一份最真的倾听与诉说。初雪染白了光阴,颓败与饱满的领略,只在一念间。一路飞扬的年华,
    承载了多少生命的恩慈,繁华走过的途径,可否拾得一片雪花清凉,收藏在光影洒落的诗行,留待他年,怀着无尽的感恩,去温柔回想;脉络清晰的
    安静记忆,却是一片特别的盛开。那些精彩与平淡,都有个人一起,那些唯美与奢华,都是年轻的印记;水月微凉,映着一双美好的投影,流年热烈,
    拥一怀温情在尘间。
</div>

 <div class="main">
  main
 </div>
<div class="footer">
    foooter
</div>
</body>
</html>


</
posted @ 2017-01-09 16:44  hanyongwei  阅读(2323)  评论(0编辑  收藏  举报