Htmlは1/2の列に表示されません

Question

商品の詳細が1つの列にあり、説明が他の列に表示されています。私はreview-boxとさらにinnerのマージンを変えようとしました。

まだコンテンツが収まらない：ここでは

は一例です：

私の目標は、それは次のようになり持っていることです。

どれでもLorem ipsum columnが製品の説明の近くにない理由を教えてください。

返信いただきありがとうございます。

Answer 1

これは、列幅の合計が100％を超えているために発生します。

あなたは、列幅に変更することができます：ちょうど右のdivタグの後に与えられた<br>タグを削除

.su-row .su-column { 
    padding: 0 0 0 4%; 
    margin: 0; 
} 

Answer 2

：

.su-column-size-1-2 { 
    width: 46%; 
} 

またはその代わりにマージンをパディングを使用します。あなたのコードは、この

<div class="su-row"><br>

<div class="su-row">