HTML+CSS完成三个盒子并列排布

使用HTML+CSS完成如下:

HTML+CSS完成三个盒子并列排布_第1张图片这个页面主要是设置一个大的盒子,放置三个小盒子,调整三个小盒子和大盒子的距离高度,往小盒子添加内容即可。
那么,大盒子上如何放置三个这样的盒子呢?
首先,我们定义ul li 定义出大盒子和三个小盒子,给他们添加合适的高度宽度,在li 的三个小盒子里添加 float: left使其浮动,再给他们添加margin-right,这样他们之间就有个间隔啦。

代码




	
	三个盒子
	


	
	
  • 薯味博饼280g


    超值价¥9.9
  • 铝制洗涤用衣架


    超值价¥9.9
  • 男/女轻弹云朵家居鞋


    超值价¥9.9

你可能感兴趣的:(日志)