第三次总结

最新推荐文章于 2024-11-14 17:40:35 发布

@丘比特

最新推荐文章于 2024-11-14 17:40:35 发布

阅读量190

点赞数 2

分类专栏：第一次总结文章标签： css html 前端

本文链接：https://blog.csdn.net/m0_63830967/article/details/121887534

版权

第一次总结专栏收录该内容

11 篇文章 0 订阅

订阅专栏

今天小组前端的第一次考核结束了，感觉自己完成的一言难尽吧。不过这次完成考核的过程中还是有一些总结和收获的，页面的布局非常重要的，所以应该在下手前先做好规划，尽量不要一边做，一边想。还有就是需要熟练掌握浮动和定位的特点，才能在下面的布局中不至于束手无测。下面是关于浮动的一些总结：

浮动会使元素脱离文档流，那么其下边文档流中的元素会补上它的位置，可能会造成元素重叠。

浮动元素的父元素如果没设置高度可能会造成高度塌陷。

浮动元素一般为向左浮动，或向右浮动。浮动元素之后的元素围绕它，之前的元素没有影响。如果下边的元素想要消除这种影响，可以清除浮动（可用clear：both；）。

另外浮动的元素是脱离文档流的，因此不占用文档流中的空间。

<!DOCTYPE html>

	<head>
		<meta charset="utf-8">
		<title>  </title>
		
		<style>
		*{
			margin: 0;
			padding:0;
		}
        .n1{
          width:200px;
          height:200px;
          background:red;
          float:left;
              }
        .n2{
           width:300px;
           height:300px;
           background:greenyellow;
		   
           }

       </style>
	   </head>
       <body>
      <div class="n1">
      </div>
      <div class="n2">
         </div>
		 </body>