Div在圖像左側
回答
您需要將float:left;
添加到div#waycontact
以便它可以在結構的流程中。
見更新的更新,例如here
如果你這樣做,圖像和div id =內容將向右。 – ridermansb 2011-03-28 22:49:39
您還需要浮動並清除其他元素才能解決該問題。在我的例子中,我也編輯了'#logo'和'#content'。我注意到你已經使用了ID,你應該使用類似於你幾次使用'#content'的類。 – 2011-03-28 22:53:03
謝謝!那就對了! – ridermansb 2011-03-28 22:56:02
浮動#waycontact
向左:
div#waycontact {
width:300px;
margin:20px 40px;
float: left;
}
然後浮#logo
到左側,並給它一個margin-top
匹配#waycontact
:
img#logo {
float: left;
margin-top: 20px;
}
然後加入在之後立即清除清理浮動:
<div style="clear: both;"></div>
http://jsfiddle.net/ambiguous/CdqJk/1/
(原向後下方版)
首先,在HTML移動#id
以上#waycontact
。然後:
img#logo {
float: left;
margin-top: 20px; /* to match #waycontact[margin-top] */
}
div#waycontact {
width:300px;
margin:20px 40px 20px 100px;
}
上#waycontact
的margin-left:100px
是讓足夠的空間爲#logo
,真正的邊距值將取決於標誌圖像確實有多大。
藍色的div,應該是左邊和紅色的右邊。 – ridermansb 2011-03-28 22:54:01
@Riderman:對不起,後退了一下,看看我的更新,我想我現在有正確的右/左命令。 – 2011-03-28 23:12:27
謝謝。那就對了! – ridermansb 2011-03-28 23:55:45
- 1. UIButton在左側和右側的圖像
- 2. (Responsive)包含絕對左側和右側圖像的相對DIV
- 3. 溢出圖像左側
- 4. 左側和右側裁剪圖像
- 5. DIV卡在頁面左側
- 6. 在動畫div中定位圖像 - 粘貼到屏幕左側
- 7. 如何在一個側面(左)div的底部放置圖像?
- 8. 爲什麼不能在「div」中將圖像置於「float」的右側或左側?
- 9. 響應div與圖像沒有任何保證金在左側和右側
- 10. Div中的背景圖像在左側但不是右側正確顯示
- 11. 在Python中拍攝圖像的左側
- 12. 將圖像下的文字旋轉到圖像左側並將其固定在圖像左側
- 13. div中的圖像對齊左側,div顯示中央,響應式視圖
- 14. 如何將圖像添加到div的左側
- 15. 100%父div與浮動左側圖像裏面
- 16. 對齊DIV與左側附近表2倍的圖像,居中
- 17. 嘗試將居中的div圖像塊對齊到左側
- 18. 從右側滑動div到左側<
- 19. 左側和右側的DIV定位
- 20. 左側的菜單div
- 21. 動畫兩個div左側
- 22. 將div疊加到左側
- 23. 從左側滑動DIV
- 24. Css左側的div更亮?
- 25. 對齊左側的div
- 26. HTML - 圖像左邊的div
- 27. Directshow&.Net - 位圖從圖像左側的右側顯示條紋?
- 28. 刪除UISearchbar左側的圖像
- 29. 左側浮動文本和圖像?
- 30. 將TitleAreaDialog的圖像移動到左側
你能畫出你想要的圖表? – 2011-03-28 22:42:55
當然,但我在哪裏保存它? – ridermansb 2011-03-28 22:45:46