0

我很难弄清楚这段css，当我缩小页面时，一个按钮有时会与编辑框重叠。当我使用萤火虫进行调试时，它显示容器的宽度 = 0，所以当我添加一些宽度按钮时，它会弹回到它的位置。无论如何，我添加到代码 style="width: 162px;"> 但在调试期间 width =0 过一会儿又回来了，按钮再次重叠。

如何更改硬编码宽度？

<div class="blocks layout-filter-box" style="width: 162px;">
   <div class="area" id="area1" style="height: 41px;">
      <label for="field1">Store Name</label>
      <span class="text">
      <input id="tab-1_NameInput" type="text" data-bind="value: Name, valueUpdate: 'afterkeydown'"/>
      <input type="text" style="visibility: hidden"/> 
      </span>
   </div>
   <div class="button-box">
      <span class="submit"><input id="tab-1_search" type="button" value="Search" /></span>
   </div>
</div>
4

4 回答 4

0

它必须是像javascript这样的动态脚本。您可以尝试更改 div 的名称，添加 css 属性“！important”或在页面末尾（在标记之前）覆盖 javascript 中的类。

于 2013-08-18T14:00:52.480 回答
0

如果您不希望动态内容更改块的大小，请尝试添加max-width声明来约束它。这告诉布局，在任何情况下，此元素的宽度都不应超过您定义的宽度。阅读有关最大宽度的更多信息。

.blocks {
  max-width: 162px;
  width: 162px;
}

一个潜在的缺点是，如果您添加，您的内容将被切断，overflow: hidden;除非您添加overflow-x: auto，例如。

于 2013-08-18T14:26:52.453 回答
0

使用 max-width & min-width 属性来控制它。另一件事尝试在尺寸，边距，填充和所有东西中使用像素化，以便调整浏览器的大小不会影响它们:)

于 2013-08-18T14:37:37.477 回答
0

尝试为特定 div 添加 ID 并将其与下面给出的类一起使用。它将覆盖额外的宽度集。检查CSS 特异性 

#blocks.blocks{
   width:162px;
}
于 2013-08-18T14:22:02.073 回答