HTML5学习_day12(2)--流式布局

流式布局

流式布局的实质:百分比布局

转换公式

目标元素的宽度/上下级元素的宽度(父级元素的宽度)=百分比宽度;

弹性图片

去掉图片的宽高,指定max-width:100%;可以使图片缩放到与包含其容器的宽度的100%匹配。

两个简单例子:

例子1:

			
			
导航
左边
中间
右边

例子2:


		
	
		
左边
中间
右边



你可能感兴趣的:(HTML5零基础学习笔记,HTML布局,html5,流式布局)