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

-3

這是我第一次發佈，我是網絡開發新手，請耐心等待！最小高度不起作用。 Div在某些瀏覽器大小中消失

在我們網站的某些部分，我們有一個帶有文本內容的白色div。我已將其定位，以便與頁面上的其他元素內聯。我一直在嘗試理清一種讓div（#contacttextcontainer）更具響應性的方式，以便文本無論瀏覽器窗口大小如何都可讀。我嘗試了overflow：auto，它包含div內的文本（需要時添加滾動條），但也存在這樣的問題，即在某些瀏覽器大小下div將完全崩潰。我試過最小高度（顯示：塊，最小高度：100％...，我也試過特定的像素）。但似乎沒有工作....我錯過了什麼??`

我一直在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; 
    }

來源

2013-01-20 New2013

你究竟想要div做什麼？用文字垂直展開？ – mattfryercom

您好MattyF。這是個好問題。這讓我重新思考這個問題，也許我在尋求一些不可能的東西，我想困擾着我的是div在相當大的瀏覽器尺寸下消失（可能是bc我已經設置了頂部，底部等的嚴格佈局））。使用文本垂直擴展可能會以可視的方式解決外觀，所以如果您有一個非常好的解決方案！非常感謝您的及時響應！ – New2013

好吧，如果我們看一下你原來的HTML/CSS，我們得到這樣的：http://jsfiddle.net/svJUQ/並通過去除底部位置，我們得到這樣的：http://jsfiddle.net/svJUQ/2/ - 當沒有爲div指定底部位置或高度時，它的高度設置爲默認值（height: auto;），div將展開以適應其內容。除非需要滾動內容或隱藏內容，否則不需要更改溢出的默認值overflow: visible;。請讓我知道，如果這不是你正在尋找。

來源

2013-01-20 13:40:34 mattfryercom

感謝MattyF，這很好，我們最初把位置頂部/底部等因爲我們擔心與其他元素排成隊列，但我認爲這樣做更有意義。感謝您的幫助!!!! – New2013

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

回答

相關問題