overflow 第三頁

overflow overflow-x overflow-y 3

混合使用 overflow-x, overflow-y。 overflow-x:visible; overflow-y:hidden<br /> <div style='overflow-x:visible; overflow-y:hidden; width:150px; height:150px'> <img src="http://2.bp.blogspot.com/_66l2ZxYOqcM/SQpEq0sqwOI/AAAAAAAAAC4/wwqnnrUxjjk/s200/shape.jpg" /> </div> <br />overflow-x:visible; overflow-y:auto<br /> <div style='overflow-x:visible; overflow-y:auto; width:150px; height:150px'> <img src="http://2.bp.blogspot.com/_66l2ZxYOqcM/SQpEq0sqwOI/AAAAAAAAAC4/wwqnnrUxjjk/s200/shape.jpg" /> </div> <br />overflow-x:hidden; overflow-y:visible<br /> <div style='overflow-x:hidden; overflow-y:visible; width:150px; height:150px'> <img src="http://2.bp.blogspot.com/_66l2ZxYOqcM/SQpEq0sqwOI/AAAAAAAAAC4/wwqnnrUxjjk/s200/shape.jpg" /> </div> <br />overflow-x:auto; overflow-y:visible<br /> <div style='overflow-x:auto; overflow-y:visible; width:150px; height:150px'> <img src="http://2.bp.blogspot.com/_66l2ZxYOqcM/SQpEq0sqwOI/AAAAAAAAAC4/wwqnnrUxjjk/s200/shape.jpg" /> </div>

• 上面第一與第二例，在 Firefox, Safari, Chrome 會自動變成 overflow-x:auto；第三與第四例，會自動變成 overflow-y:auto；而 IE6 則依設定展現。

overflow（你正在看 第三頁）

:

第一頁

第二頁

第三頁

第四頁