(css种的浮动)作用是控制网页中的块级元素漂浮在容器中的位置

原创 2018-11-01 14:19:23 235
摘要:<!DOCTYPE html><html><head><style>.content{wdth:1200px; margin:auto;height:300px;background:#ccc;}.float_left{folat:left; width:500px;height:300px; background:pink;}.float
<html>
<head></head>
<body><p></p>
<p></p>
<p></p>
<p>
    <style>
</p>
<p>.content{wdth:1200px; margin:auto;height:300px;background:#ccc;}</p>
<p>.float_left{folat:left; width:500px;height:300px;&nbsp;background:pink;}</p>
<p>.float_right{folat:right; width:500px;height:300px;&nbsp;background:pink;}</p>
<p></style></p>
<p></p>
<p></p>
<p></p>
<div class="content"><br>
    <p></p>
    <p>&nbsp; &nbsp;</p>
    <div class="float_left">漂浮左边</div>
    <p></p>
    <p>&nbsp;&nbsp;&nbsp;</p>
    <div class="float_right">漂浮右边</div>
    <p></p>
    <p></p></div>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p>
    <style>
</p>
<p>.content{wdth:1200px; margin:auto;height:300px;background:#ccc;}</p>
<p>.float_left{folat:left; width:500px;height:300px;&nbsp;background:pink;}</p>
<p>.float_right{folat:right; width:500px;height:300px;&nbsp;background:pink;}</p>
<p></style></p>
<p></p>
<p></p>
<p></p>
<div class="content"><br>
    <p></p>
    <p>&nbsp; &nbsp;</p>
    <div class="float_left">漂浮左边</div>
    <p></p>
    <p>&nbsp;&nbsp;&nbsp;</p>
    <div class="float_right">漂浮右边</div>
    <p></p>
    <p></p></div>
<p></p>
<p></p>
<p></p></body>
</html>


批改老师:韦小宝批改时间:2018-11-02 10:48:53
老师总结:作业内容还可以加点自己的总结进去哦!作业写的很不错哈!下次记得把自己的总结加进去哦!加点总结将作业当成我们的笔记来完成!以后还可以翻出来看看!进行复习!学习的道路还很长!我们要为以后的发展奠定基础!加

发布手记

热门词条