如何降低我的 div 元素相对于其他 div 元素的高度答案

【问题标题】：How to reduce the height of my div element, relative to the other div element如何降低我的 div 元素相对于其他 div 元素的高度
【发布时间】：2014-02-01 00:53:25
【问题描述】：

我正在尝试降低包含内容的 div 元素的高度，使其比相应的 div 略小，以便内容不会溢出到其他元素中，这是他们执行此类问题的一种方法。

<!DOCTYPE html>

<html>
  <head>
   <script>
        .atlas.region-map
    {
    border: 2px solid #716E64;
    max-width: 500px;
    overflow: hidden;
    margin: 0;
    float: left;
    }

   .atlas .map-content .info-col
   {
    margin-left: 549px;
    width: 335px;
   }

  .atlas .map-content .info-col p
   {
   color: #5c5642;
   margin-top: 15px;
  font-size: 12px;
   }
  .Atlas_Test
  {
      height: 300px;
      font-size: 14px;
      overflow-y: scroll;
  }
  </script>
  </head>

  <body>
    <div class="info-col">
    <p>Content will go here</p>
    </div>

 </body>

【问题讨论】：

把 CSS 放在样式标签而不是脚本标签里 :)
webtoolkit.info/css-clearfix.html#.UuvTKNISU4c
你能说得清楚一点吗？也许添加完整的 HTML ？我在这里没有看到任何问题jsfiddle.net/M8vbP