比如要实现这个效果:
html代码:
<div class="wrap">
<div class="left">这是一件商品</div>
<div class="right"><a href="#">查看更多></a></div>
</div>
css代码:
.wrap{
width:80%;
height:200px;
margin:0 auto;
background:#eee;
display:flex;
justify-content: space-between;
}
使用弹性布局: display:flex; 以及用这个属性justify-content: space-between; 即可实现效果.
此处只提供一种实现方式,其他更好的方式,一起继续探究.