學習微信小程序之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>


</


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM