.Net 【基礎回顧】深淺複製

阿新 • • 發佈：2022-05-08

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>浮動</title>
        <style type="text/css">
            .box1{
                width: 200px;
                height: 200px;
                background-color: #bfa;
                /*
                    浮動
                        使用float來設定元素的浮動，浮動可以使元素向右或向左移動
                        可選值
                            none，預設值，不浮動
                            left向左浮動
                            right向右浮動
                        
                        浮動的特點
                            1.設定浮動以後，元素會向頁面的左側或右側移動
                            2.設定浮動以後，元素會完全脫離文件流，不在佔據文件流的位置，所有它下面
                                的元素會自動上移
                            3.浮動元素不會超過其上沒有浮動的塊元素
                            4.浮動元素的預設位置不會超過其上的其他的浮動元素，最多一邊齊
                            
                        元素脫離文件流以後的特點
                            1.預設寬度被內容撐開
                            2.預設高度被內容撐開
                            3.塊元素不會獨佔一行
                            4.元素不會在文件流中再佔據位置
                            
                        行內元素浮動以後也會脫離文件流，脫離文件流以後行內元素自動變成塊元素，特點和
                            塊元素一樣
                        
                        文字不會被浮動元素所覆蓋，而是環繞在浮動元素的四周
                  
*/
                float: left;
            }
            
        /*     .box2{
                width: 200px;
                height: 200px;
                background-color: #ff0;
                
                float: left;
            }
            
            .box3{
                width: 200px;
                height: 200px;
                background-color: orange;
                float: left;
                
            }  
*/
            
            span{
                height: 500px;
                background-color: #FFFF00;
            }
        </style>
    </head>
    <body>
        
        <div class="box1"></div>
        <span>老家門前有條河
        
        拐了三道灣兒
        
        又過了五道坎
        
        累了
        
        俯下身子緩緩向西
        
        葡萄著從柳樹林中流過
        
        鵝黃的米粒兒探著頭
        
        簇擁著在風中舞動
        
        鋤兒犁兒伴著吆喝兒
        
        攪動了村中的寧靜
        
        墩實的老黃牛踏著
        
        泥土的芬芳
        
        拼了勁兒的前行
        
        猛然揚起的鞭子
        
        驚飛了牛背上正在梳理羽毛的鳥兒
        
        沉澱了一個冬天的力氣
        
        在黃土地中盡情的釋放
        
        頑皮的孩童兒
        
        放飛著五彩的風箏
        
        偶爾傳來的讀書聲
        
        從山谷裡傳出老遠老遠
        
        累了的老農坐在河邊的石頭上
        
        不停的吸叭著菸袋
        
        一縷青煙融在了頭髮裡
        
        吱兒吱兒種子的發芽聲兒
        
        呼兒呼兒苗苗的成長聲兒
        
        在眼神裡交替打著轉
        
        壯實的玉米沉甸的豆
        
        在飄動的水面上
        
        演譯成永恆的豐收曲 
</span>
        <div class="box2"></div>
        <div class="box3"></div>
        
    </body>
</html>