Q
CSS定位幫助
0
A
回答
3
<div>
<div style="float:left;border:solid 1px black;">
Some text
</div>
<div style="border:solid 1px black;">
More text
</div>
</div>
這是你在找什麼?
+0
謝謝....它的工作。 – 2010-10-06 12:07:42
0
有幾種選擇,根據不同的情況:
- 使用浮動:
float: left
左邊的容器上,float: right
右容器上 - 使他們行內元素或內聯塊 -
display: inline-block
可以創造奇蹟 - 使用絕對定位,結合
left
和right
性質
0
也許是這樣的:
<html><head>
<style type="text/css">
#content{
border:2px solid #999;
padding:10px;
}
.titlebox{
float:left;
padding:0 5px;
margin:-20px 0 0 30px;
background:#fff;
}
</style></head><body>
<div id="content">
<div class="titlebox">Title</div>
<p>Lorem ipsum dolor sit amet consectetuer venenatis vitae Nulla fringilla consequat. Wisi magnis volutpat auctor Nulla Vivamus id In elit dictumst mollis. Curabitur auctor consectetuer dui interdum neque Curabitur vel auctor tellus netus. Sed tincidunt condimentum semper Vestibulum sed tellus ridiculus elit In dictum. Turpis lacus pellentesque In ac volutpat mi non nibh vitae laoreet. Elit.</p>
</div>
</body></html>
可以是你的好開始。該示例僅通過利用負頂部邊距在左側放置文本,但應該很容易對其進行自定義! (從here拍攝)
你可以分爲兩個部分.titlebox
由具有右對齊子(text-align: right
)在其上有正確的標題
相關問題
- 1. CSS定位幫助
- 2. 幫助CSS定位
- 3. css定位幫助
- 4. 幫助與CSS定位
- 5. 需要CSS定位幫助
- 6. 需要CSS定位幫助
- 7. HTML/CSS定位幫助
- 8. CSS幫助定位divs內聯
- 9. 正確的CSS定位幫助需要
- 10. CSS定位幫助文本的形式
- 11. CSS blogspot背景定位幫助
- 12. CSS:Div定位...幫助
- 13. IE定位幫助
- 14. 幫助定位元素
- 15. 相對定位幫助
- 16. 幫助定位搜索欄
- 17. 需要幫助定位
- 18. 需要幫助確定如何定位這個元素與CSS
- 19. HTML&CSS幫助位置圖像角落
- 20. 幫我用css定位
- 21. CSS美學幫助CSS
- 22. CSS定位,菜單列表對齊(需要幫助)
- 23. CSS定位,需要幫助的鏈接對齊
- 24. 需要幫助在我的代碼中的CSS定位
- 25. CSS定位幫助 - 圖像重疊DIVS在任何一方
- 26. CSS幫助,如何將此鏈接定位在div
- 27. 任何人都可以幫助定位CSS?
- 28. 需要幫助以絕對定位爲中心的CSS
- 29. CSS定位的幫助 - 例如的jsfiddle提供
- 30. CSS幫助 - 浮動
如果其中一個答案爲你工作,這是禮貌「接受「它通過點擊旁邊的勾號按鈕:-) – Spudley 2010-10-06 12:10:10