day04-CSDN博客

本文链接：https://blog.csdn.net/zccdsj/article/details/100741693
在这里插入图片描述
Title
百度一下
    <div class="right-head">
        <a>百度首页</a>&nbsp&nbsp
        <a>设置▼</a>&nbsp&nbsp
        <a>登录</a>
    </div>
</div>

<div class="middle1" >
</div>
<div class="middle2"><img src="" alt=""></div>
<div class="middle3">
    <div>网页</div>
    <div>资讯</div>
    <div>视频</div>
    <div>图片</div>
    <div>知道</div>
    <div>文库</div>
    <div>贴吧</div>
    <div>采购</div>
    <div>地图</div>
    <div>更多»</div>
</div>
<div class="middle3"><a>百度为您找到相关结果约4,080,000个</a>
    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
    <a>搜索工具</a>
</div>
<div class="middle4">
    <div class="middle5">
        <div class="middle5-1">
            <br>
            <a>DIV横向排列_CSS如何让多个div盒子并排同行显示 - DIVCSS5</a><br>
            <span>使用css样式解决实现div同行并排显示,我们使用浮动和display实现解决div盒子同排显示div横</span><br>
            <span>向排列,通过图例文字教程为大家介绍。</span><br>
            <span>网页web前端 - 百度快照</span><br>
        </div>
        <div class="middle5-1">
            <br>
            <a>DIV横向排列_CSS如何让多个div盒子并排同行显示 - DIVCSS5</a><br>
            <span>使用css样式解决实现div同行并排显示,我们使用浮动和display实现解决div盒子同排显示div横</span><br>
            <span>向排列,通过图例文字教程为大家介绍。</span><br>
            <span>网页web前端 - 百度快照</span><br>
        </div>
        <div class="middle5-1">
            <br>
            <a>DIV横向排列_CSS如何让多个div盒子并排同行显示 - DIVCSS5</a><br>
            <span>使用css样式解决实现div同行并排显示,我们使用浮动和display实现解决div盒子同排显示div横</span><br>
            <span>向排列,通过图例文字教程为大家介绍。</span><br>
            <span>网页web前端 - 百度快照</span><br>
        </div>
        <div class="middle5-1">
            <br>
            <a>DIV横向排列_CSS如何让多个div盒子并排同行显示 - DIVCSS5</a><br>
            <span>使用css样式解决实现div同行并排显示,我们使用浮动和display实现解决div盒子同排显示div横</span><br>
            <span>向排列,通过图例文字教程为大家介绍。</span><br>
            <span>网页web前端 - 百度快照</span><br>
        </div>
    </div>
    <div class="middle6"></div>
    <div class="middle7">
        <div class="middle7-1">
            <div><a>其他人还搜</a>
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                <span>展开∨</span>
            </div>
            <div class="middle7-2">
                <div><img src="pic01.jpg"></div>
                <div><img src="pic01.jpg"></div>
                <div><img src="pic01.jpg"></div>
                <div><img src="pic01.jpg"></div>
            </div>
            <div class="middle7-3">
                <div><a>jeso</a></div>
                <div><a>jeso</a></div>
                <div><a>jeso</a></div>
                <div><a>jeso</a></div>
            </div>
        </div>
        <div class="middle7-1">
            <div><a>其他人还搜</a>
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                <span>展开∨</span>
            </div>
            <div class="middle7-2">
                <div><img src="pic01.jpg"></div>
                <div><img src="pic01.jpg"></div>
                <div><img src="pic01.jpg"></div>
                <div><img src="pic01.jpg"></div>
            </div>
            <div class="middle7-3">
                <div><a>jeso</a></div>
                <div><a>jeso</a></div>
                <div><a>jeso</a></div>
                <div><a>jeso</a></div>
            </div>
        </div>
        <div class="middle7-1">
            <div><a>其他人还搜</a>
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                <span>展开∨</span>
            </div>
            <div class="middle7-2">
                <div><img src="pic01.jpg"></div>
                <div><img src="pic01.jpg"></div>
                <div><img src="pic01.jpg"></div>
                <div><img src="pic01.jpg"></div>
            </div>
            <div class="middle7-3">
                <div><a>jeso</a></div>
                <div><a>jeso</a></div>
                <div><a>jeso</a></div>
                <div><a>jeso</a></div>
            </div>
        </div>
        <div class="middle7-1">
            <div><a>其他人还搜</a>
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                <span>展开∨</span>
            </div>
            <div class="middle7-2">
                <div><img src="pic01.jpg"></div>
                <div><img src="pic01.jpg"></div>
                <div><img src="pic01.jpg"></div>
                <div><img src="pic01.jpg"></div>
            </div>
            <div class="middle7-3">
                <div><a>jeso</a></div>
                <div><a>jeso</a></div>
                <div><a>jeso</a></div>
                <div><a>jeso</a></div>
            </div>
        </div>
    </div>
</div>