<分区>
在此页面上:http://sneakersinsight.com/xml/adidas-nmd_xr1
如您所见,Twitter 提要紧挨着照片,我正试图让它 float 到页面右侧,间距与照片左侧的间距相同。
twitter 提要的 css 如下所示:
.preview-twitter {
margin: 0;
padding: 0;
position: relative;
float: right;
right:0;
margin-top: 5%;
margin-bottom: 3%;
width: 40%;
padding-top: 1%;
padding-bottom: 1.38%;
display: inline-block;
background: #373737;}
左图的 css 如下所示:
.item-preview {
position: relative;
margin-top: 5%;
margin-bottom: 3%;
left: 4%;
width: 40%;
border: 10px solid #373737;
border-width: -moz-calc(50% - 10px);
border-width: -webkit-calc(50% - 10px);
border-width: calc(50% - 10px);
display: inline-block;
padding: 0;}
它们都包含在一个 div 中,其 css 是:
.preview-wrapper {
display: flex;
position: relative;
overflow: auto;
max-height: 42vw;
min-height: 42vw;}
如果您需要任何其他信息来提供帮助,请告诉我。
谢谢!