基本css和html操作

最后呈现的是一个大盒子下面。下面是两个均等的盒子‘’;

首先得话我们需要在body里面设置的是一个大盒子里面要藏有两个子盒子

这里面涉及到的点是:第一body>div(这个表示的是父子级的)第二:first-child和nth-child(2);给父元素设置一个绝对相对定位的话,给子元素设置的是绝对定位的话,那么得到的是对于这个盒子而言;(如果不加的话,t那么则是相对于整个浏览器而言)第一个盒子:left:0;bottom:0;第二个盒子:right:0;bottom:0;第三:div是快状元素 要转化成行内块原色  display:inline-block

最后得到效果图如下

你可能感兴趣的:(基本css和html操作)