-3

初めての投稿ですが、Web開発は初めてですので、ご容赦ください。

私たちのサイトの一部には、テキストコンテンツを含む白いdivがあります。ページ上の他の要素と一致するように配置しました。私は、ブラウザのウィンドウサイズに関係なくテキストが読めるように、div(#contacttextcontainer)の応答性を高める方法を整理しようとしています。div内にテキストが含まれているoverflow:autoを試しました(必要に応じてスクロールバーを追加します)が、特定のブラウザーサイズでdivが完全に折りたたまれるという問題もあります。min-heightを試しました(display:block、min-height:100%...そして特定のpxも試しました)。しかし、どれもうまくいかないようです....私は何かが足りないのですか?? `

私は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;
   }
4

1 に答える 1

0

わかりました。元のhtml/cssを見ると、次のようになります:http: //jsfiddle.net/svJUQ/そして、一番下の位置を削除すると、次のようになります:http: //jsfiddle.net/svJUQ/2/-そこにあるときdivに指定された下の位置または高さではありません。その高さはデフォルト(height: auto;)に設定されており、divはその内容に合わせて拡張されます。overflow: visible;スクロールコンテンツまたは非表示コンテンツが必要な場合を除いて、オーバーフローのデフォルト値を変更する必要はありません。それがあなたが探しているものではない場合は私に知らせてください。

于 2013-01-20T13:40:34.157 に答える