CSSフロート右に設定されていますが、このページで

Question

を左フローティング：あなたはTwitterのフィードはすぐ隣、私はそれがの右側に浮かぶように取得しようとしていて写真に座って見ることができるようにhttp://sneakersinsight.com/xml/adidas-nmd_xr1

写真と同じスペーシングのページが左側に表示されます。

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は次のようになります。彼らは両方のCSSがあるのdiv要素に含まれるている

.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;} 

：

.preview-wrapper { 
display: flex; 
position: relative; 
overflow: auto; 
max-height: 42vw; 
min-height: 42vw;} 

その他の情報が必要な場合はお知らせください。

ありがとうございます！

Answer 1

親が持っているためです：

display: flex; 

floatが子供のどちらかに適用されなかった理由も答えた、display: flexを削除します。

あなたは.preview-wrapperのための2つの分野でflexを削除する必要があります。両方ともhttp://sneakersinsight.com/css/styles.cssオンライン262にあります。何らかの理由で2つではありませんが、スタイルシートが2回読み込まれています。それもチェックしてください。