Question

我有以下样式

.MapField {
    width:70px;
    height:70px;
}
.MapTab
{
    width:auto;
    height:auto;
}
div[worldTexture="1"] {
    background:url(../WorldTextures/dirt.jpg);
}

然后我有以下html片段

<div class="col-xs-9 MapTab">
  <div class="col-xs-6 MapField" worldTexture="1"/>
  <div class="col-xs-6 MapField" worldTexture="1"/>
</div>
<div class="col-xs-3"></div>

然后我希望两个col-xs-6的高度至少为70px（如果屏幕大小允许），但它会导致div的大小如width:70px height:1px 将.MapStyle更改为width和height !important不会改变任何内容

另一方面，如果我以下列方式将div的使用更改为table

td[worldTexture="1"] {
    background:url(../WorldTextures/dirt.jpg);
}

<table>
<tr class="col-xs-9 MapTab">
  <td class="col-xs-6 MapField" worldTexture="1"/>
  <td class="col-xs-6 MapField" worldTexture="1"/>
</tr>
<tr class="col-xs-3"></div>
<table>

它按预期工作，任何想法可能会出错？

Answer 1

我不认为这些div应该是自动关闭的标签。

尝试

<div class="col-xs-9 MapTab">
  <div class="col-xs-6 MapField" worldTexture="1"></div>
  <div class="col-xs-6 MapField" worldTexture="1"></div>
</div>
<div class="col-xs-3"></div>

div不适用于div，而不是它

1 个答案: