方法一:.a, .b { display: inline-block; width: 50%; border: 0; vertical-align:top; /*靠上对齐*/}方法二:.a, .b { float: left; width: 50%; border: 0;}.parent:after { /*清除浮动*/ content: ''; display: block; clear: both;}...
css: 靠上对齐
方法一:
.a, .b { display: inline-block; width: 50%; border: 0; vertical-align:top; /*靠上对齐*/}方法二:
.a, .b { float: left; width: 50%; border: 0;}.parent:after { /*清除浮动*/ content: ''; display: block; clear: both;}方法一看起来简单,但一般不建议使用行内块级元素(inline-block),容易出现一些让人摸不着头脑的错位问题。个人建议使用方法二。
2018-09-17