Question

这是我第一次发帖，我是网络开发的新手，所以请耐心等待我！

在我们网站的某些部分，我们有一个带文本内容的白色div。我已经定位它，因此它与页面上的其他元素一致。我一直试图找出一种方法使div（#contacttextcontainer）更具响应性，这样无论浏览器窗口大小如何，文本都是可读的。我试过overflow：auto确实包含div中的文本（在需要时添加滚动条）但是在某些浏览器大小的情况下div也会完全崩溃。我尝试了min-height（显示：块，最小高度：100％......我也尝试了特定的pxs）。但似乎没有工作....我错过了什么？`

我一直在测试Safari。

任何帮助将不胜感激!!谢谢!!!!

HTML：

    <div id="contacttextcontainer"> 
     <p></p>
     <p>test test test.</p>
     <p>test</p>
     <p>test test test test test</p>
     <p>STUDIO HOURS;</p>
     <p></p>
     <p>9-4:30 Mon-Fri and by appointment</p>
     <p></p>
     <p>CONTACT;</p>
     <p>555-555-5555</p>
     <p>test test test</p>
    </div>

CSS

    #contacttextcontainer {
font-size: 16px; 
text-align: center; 
font-family: courier;
position: absolute;
top:335px;
left:315px;
right: 260px;
bottom: 115px;
padding: 20px;
background-color: #FFFFFF;
overflow: auto;
   }

Answer 1

好的，如果我们查看您的原始html / css，我们会得到：http://jsfiddle.net/svJUQ/并删除底部位置我们得到：http://jsfiddle.net/svJUQ/2/ - 当没有指定底部位置或高度时对于div，它的高度设置为默认值（height: auto;），div将展开以适合其内容。除非您想要滚动内容或隐藏内容，否则无需更改溢出的默认值overflow: visible;。如果那不是你想要的，请告诉我。

最小高度不起作用。 Div在某些浏览器大小中消失

1 个答案: