cssレイアウトを書くことの中心的な態度

ただ柔軟に。浮くことができない場合は、配置するだけです。配置できない場合は、曲げるだけです。とにかく、書き出すことができる限り。

 

css

.paihang{
  background:#CCC;
  width:100%;
}
.paihang-desc {
  position: relative;
  padding: 10rpx 10rpx;
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  border: 1px solid red;
}
.fr {
 position: absolute;
 right: 20rpx;
 top:50%;
 margin-right: 20rpx;
 transform: translateY(-50%);
 border: 1px solid red;
 border-radius: 14rpx;
 padding: 10rpx;
 height: 40rpx;
 font-size:28rpx;
 line-height: 40rpx;
}