2016-12-14 4 views
-1

私は何をしているのかは、ラッパーを持っていて、2つのdivを持つラッパーの中で、かなり明白でなければなりません。フロートを使用すると、それらを並べて配置する必要があります。しかし、そうではありません。右のdiv "Skills"が左のdiv "Bio"にプッシュアップされています。Divsが並んで行かないようにしている

私のサイトはconorpendlebury.comです。

残念ながら、私はスクリーンショットを投稿することはできません。あなたのケースでは

+1

PLZはあなたのコード –

+0

は、両方のdiv要素が同じ行に表示するための十分なスペースがある示して?そして、あなたは 'float:left'の前に' float:right'を配置しましたか? – Simon

+0

あなたのコードもチェックしてください。あなたはそれが正しいhttps://validator.w3.org/nu/?doc=http%3A%2F%2Fconorpendlebury.com%2Fhome.html – mlegg

答えて

0

margin-top<h2 />の要素を削除するには、問題を解決します。

<div id="Skills" /><div id="Bio" />の2つの要素の位置を切り替える方がよいでしょう。右フロート要素が左フロート要素の後にレンダリングされると、ときどき問題を引き起こします。

+0

それはまだdidntの仕事ではありません、そこに

を持っています。私は、フロートを右に持ち、スキルを浮かせるようにバイオを変更しました。私はマージントップを取り除いた。 –

+0

'box-sizing:border-box'スタイルを両方のdivに追加します。そこに余分な「幅」を追加しました。それが今の理由です。 –