誰がこの問題の説明を手伝ってくれますか? _html/css

誰がこの問題の説明を手伝ってくれますか? _html/css_WEB-ITnose

WBOY

リリース： 2016-06-21 09:38:33

オリジナル

1368 人が閲覧しました

#index{overflow:hidden;background:#000;border:1px solid #000;}

ログイン後にコピー

 <div id="outer">	<ul id="index">		<li>第一课</li>		<li>第二课</li>		<li>第三课</li>	</ul></div>

ログイン後にコピー

ulのcss属性でオーバーフローとはどういう意味ですか? 表示されるのと表示されないのではなぜ違うのでしょうか? 説明してください。

ディスカッション（解決策）への返信

オーバーフローとは、その先の部分を非表示にして表示しないことです

オーバーフローとは、その先の部分を非表示にして表示しないことです
これは…これが意味することは私も知っています表示の違いを説明できますか？

オーバーフロー、コンテンツは UL エリア外に表示されず、余分な部分は切り取られます

実行すると違いがわかります

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><style>#index{overflow:hidden;background:#000;border:1px solid #000;color:#f00;width:200px;height:40px;}#index2{background:#000;border:1px solid #000;color:#f00;width:200px;height:40px;}</style><div id="outer">    <ul id="index">        <li>第一课</li>        <li>第二课</li>        <li>第三课</li>    </ul></div><div id="outer">    <ul id="index2">        <li>第一课</li>        <li>第二课</li>        <li>第三课</li>    </ul></div>

ログイン後にコピー

オーバーフロースクロールバースタイル。
CSS を使用してスクロールバーを装飾する
1. Overflow コンテンツがオーバーフローする場合の設定

Overflow-x 水平方向のコンテンツがオーバーフローする場合の設定

overflow-y 垂直方向のコンテンツがオーバーフローする場合の設定

上記 3 つのプロパティに設定される値は、visible(デフォルト値)、scroll、hidden、auto です。 Scrollbar-3d-light-color 3次元のスクロールバーの明るい縁の色Scrollbar-dark-shadow-color 3次元巻物の色の色の色3次元スクロールバーの影の色