HTML+CSS3的position和float、inline-block实现一样的布局

Web布局有时候可以使用不同CSS/CSS3的属性来实现相同的布局效果的。

1.position和float、inline-block,而float会少一些CSS的代码,简单一些:

1).position实现布局

2).float实现布局

3).inline-block实现布局

效果如下图:

htmlcss3-responsive-design1

htmlcss3-responsive-design2

以上例子请参考本站页面:

Media响应式Float设计

 

 

One Comment

Leave a comment