Html Mediawiki模板:2个并排div

Html Mediawiki模板:2个并排div,html,mediawiki,Html,Mediawiki,这就是我到目前为止所做的: 这就是我想要做的: 除了使用不同的语言外,以下是我为该小模板编写的代码: <div style="border: 1px solid; border-color: #339933; background-color: #ccffcc; width: 500px;"> <div style="margin: 5px;" width 150px; float: left; display:inline;>{{{2}}}</div> &l

这就是我到目前为止所做的: 这就是我想要做的:

除了使用不同的语言外,以下是我为该小模板编写的代码:

<div style="border: 1px solid; border-color: #339933; background-color: #ccffcc; width: 500px;">
<div style="margin: 5px;" width 150px; float: left; display:inline;>{{{2}}}</div>
<div style="margin: 5px; float: left; width: 330px;>
<div style="padding-left: 5px; margin: 5px; border: 1px solid; border-color: #336633; background-color: #66cc66;"><h3>{{{1}}}</h3></div>
<div style="margin: 5px; padding: 5px;">{{{3}}}</div>
</div>
<div style="clear: both;";></div>
</div>

{{{2}}}

如果希望浮动“推开”一个块而不是重叠它(并且只推开其中的文本),则必须在该块上设置
overflow:hidden
float
。(请参阅a的概念以获取解释。)

我注意到的第一件事是样式定义中缺少和不合适的
。检查第二行和第三行。应如下所示:

<div style="border: 1px solid; border-color: #339933; background-color: #ccffcc; width: 500px;">
<div style="margin: 5px; width 150px; float: left; display: inline;">{{{2}}}</div>
<div style="margin: 5px; float: left; width: 330px;">
<div style="padding-left: 5px; margin: 5px; border: 1px solid; border-color: #336633; background-color: #66cc66;"><h3>{{{1}}}</h3></div>
<div style="margin: 5px; padding: 5px;">{{{3}}}</div>
</div>
<div style="clear: both;";></div>
</div>

{{{2}}}
{{{1}}}
{{{3}}}
如果不知道
{{{{1}}}
{{{2}}}
{{{3}}}
是什么,我很难进一步帮助你。也许你可以插入默认文本让我们看,我可以把它放在我的沙盒中的我家维基上玩