HTML5+CSS实现三列布局自适应

利用CSS的float属性可以将元素并排,做出三列并排的布局。

如这样的效果

 

HTML5+CSS实现三列布局自适应_第1张图片 Caption

实现的原理:只要将3个元素设置float属性,属性值为left,同时指定不同比例的宽度,及高度。

下面是实现代码



	
		元素并排
		
		
	
	
		

软件开发,成就梦想

学编程,上利永贞网

column1
column2
column3

本文转载自https://www.liyongzhen.com/css/css-side-by-side

你可能感兴趣的:(HTML5+CSS实现三列布局自适应)