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. HTML/CSS定位帮助
- 7. CSS blogspot背景定位帮助
- 8. CSS定位帮助文本的形式
- 9. IE定位帮助
- 10. CSS:Div定位...帮助
- 11. 帮助定位元素
- 12. 需要帮助定位
- 13. 帮助定位搜索栏
- 14. 需要帮助确定如何定位这个元素与CSS
- 15. HTML&CSS帮助位置图像角落
- 16. 帮我用css定位
- 17. CSS帮助,如何将此链接定位在div
- 18. CSS定位的帮助 - 例如的jsfiddle提供
- 19. 需要帮助以绝对定位为中心的CSS
- 20. 需要帮助在我的代码中的CSS定位
- 21. CSS定位,需要帮助的链接对齐
- 22. 任何人都可以帮助定位CSS?
- 23. CSS美学帮助CSS
- 24. CSS帮助|菜单
- 25. 帮助:悬停CSS
- 26. CSS重叠帮助
- 27. CSS边框帮助
- 28. 帮助html和css
- 29. 需要CSS帮助
- 30. 需要css帮助
如果其中一个答案为你工作,这是礼貌“接受“它通过点击旁边的勾号按钮:-) – Spudley 2010-10-06 12:10:10