1.先画出三个大盒子

2.1在style属性中添加display:inline-block,结果如图:

但是使用该方法盒子与盒子间的默认缝隙是不能修改的,通常我们会使用以下的方法实现两个以上的盒子的摆放

2.2在style属性中添加float:left;将元素移到左边

3. 加上右外边距 margin-right:20px;

使用float:right,则会把元素移到右边

使用float:none,是默认值,表示不浮动

拓展:使两个盒子分别左右对齐

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐