2016-12-14 63 views
-1

即將做的事情應該是非常明顯的有一個包裝和包裝有2個div的包裝:左和右。使用Float應該將它們並排放置。然而,這種情況並非如此。我的右邊div「技能」被推到了我的左邊div「Bio」上。DIV被阻止並行

我的網站是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

在你的情況下,刪除<h2 />元素的margin-top將解決問題。

此外,你最好切換這兩個元素的位置:<div id="Skills" /><div id="Bio" />。有時它在左浮動元素後呈現右浮動元素時會引起麻煩。

+0

它仍然沒有工作。我改變了自己的生物,並且擁有正確的技能和技能。我也刪除了保證金。 –

+0

將'box-sizing:border-box' style添加到'div's。你在那裏增加了一個額外的'寬度',這就是現在的原因。 –