Html 如何将div之外的文本强制到下一行?
正在处理开发跟踪程序自定义PHPBB BBCode,但我遇到了在模块旁边而不是模块下面显示文本的问题 例: 在第二个职位 我想让它右边的文本在它下面默认。我试过了Html 如何将div之外的文本强制到下一行?,html,css,phpbb,bbcode,Html,Css,Phpbb,Bbcode,正在处理开发跟踪程序自定义PHPBB BBCode,但我遇到了在模块旁边而不是模块下面显示文本的问题 例: 在第二个职位 我想让它右边的文本在它下面默认。我试过了 显示:块 明确:两者皆有; 在整个模块周围添加一个宽度为100%的div 但似乎都不管用 以下是CSS: .tracker_contain { margin: 0; padding: 0; min-width: 100%; clear: both; } #tracker_wrap {
显示:块
明确:两者皆有;
在整个模块周围添加一个宽度为100%的div
但似乎都不管用
以下是CSS:
.tracker_contain {
margin: 0;
padding: 0;
min-width: 100%;
clear: both;
}
#tracker_wrap {
margin: 10px auto 0 auto;
width: 515px;
font-family:"Tahoma", Arial;
font-size: 11px;
}
.tracker_top {
padding: 8px 0 0 60px;
background: url('http://www.survivaloperations.net/dev/images/tracker_top.png') no-repeat top;
width: 455px;
height: 22px;
color: #525252;
font-weight: bold;
float: left;
}
.tracker_top a {
font-weight: bold;
text-decoration: none;
color: #cb00cb;
}
.tracker_top a:hover {
text-decoration: underline;
}
.tracker_body {
padding: 10px 11px 10px 11px;
background: url('http://www.survivaloperations.net/dev/images/tracker_bg.jpg') no-repeat top;
width: 493px;
color: #cb00cb;
float: left;
}
.tracker_bottom {
margin: 0;
padding: 6px 11px 0 0;
background: url('http://www.survivaloperations.net/dev/images/tracker_bottom.png') no-repeat bottom;
width: 504px;
height: 24px;
text-align: right;
color: #575757;
float: left;
}
.tracker_bottom a {
font-weight: bold;
text-decoration: none;
color: #575757;
}
.tracker_bottom a:hover {
font-weight: bold;
text-decoration: none;
color: #000000;
}
以下是HTML:
<div class="tracker_contain">
<div id="tracker_wrap">
<div class="tracker_top">Originally Posted By <a href="{URL}" alt="{URL}">{TEXT}</a></div>
<div class="tracker_body">
{TEXT}
</div>
<div class="tracker_bottom"><a href={URL}" alt="Read Post" target="_Blank">Original Post</a></div>
</div>
</div>
原作者
{TEXT}
欢迎提出任何建议 您的CSS包含
float: left
用于顶部、主体和底部。你必须摆脱它们。添加
clear:在tracker\u wrap
之后的元素中添加两个,谢谢!我从没想过我尝试过的所有事情!