Question

我遇到了大麻烦，并寻找同样的解决方法。我有一个网页，其中我有一个标题和正文部分。我在这两个部分都有很多div。我的问题是，当我更改div中任何文本的字体大小时，所有其他div的位置都会发生变化。请帮助我。

HTML 的

<div id="generalHeader">
    <div id="divGeneralLayoutContentHeader">
        <div class="col-md-4 defaultBgColor" id="1">
          <div class="eventBoxShadow">Event Name</div>
        </div>
         <div class="col-md-4 defaultBgColor" id="2">
          <div class="eventBoxShadow">Club Name</div>
        </div>
         <div class="col-md-4 defaultBgColor" id="3">
          <div class="eventBoxShadow">Report Title</div>
        </div>
    </div>
</div>
<div id="generalBody">
    <div id="divGeneralLayoutContentBody">
        <div class="col-md-4 defaultBgColor" id="11">
          <div class="eventBoxShadow">Hdcp Index</div>
        </div>
         <div class="col-md-4 defaultBgColor" id="12">
          <div class="eventBoxShadow">Player Name</div>
        </div>
         <div class="col-md-4 defaultBgColor" id="13">
          <div class="eventBoxShadow">Club Name</div>
        </div>
    </div>
</div>

CSS

.defaultBgColor{
       min-height: 20px !important;
       border: 1px solid lightgray;
       border-radius: 5px;
       background-color: white;
       text-overflow: clip;
       white-space: nowrap;
       overflow: hidden;
    }

Answer 1

你试过吗

box-sizing:border-box;

财产价值？为CSS中的所有DIV添加此值...

如果不能正常工作，请将您的代码粘贴到jsfiddle或任何其他....

在改变字体大小时，所有其他div的位置都会受到干扰

1 个答案: