Home
HTML
HTML
Tryit: HTML
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <head> <style> div.ex1 { background-color: lightblue; width: 40px; overflow-x: scroll; } div.ex2 { background-color: lightblue; width: 40px; overflow-x: hidden; } div.ex3 { background-color: lightblue; width: 40px; overflow-x: auto; } div.ex4 { background-color: lightblue; width: 40px; overflow-x: visible; } </style> </head> <body> <h1>overflow-x 属性</h1> <p>overflow-x 属性指定当块级元素在左右边缘溢出时，是否裁剪内容、添加滚动条或显示溢出内容。</p> <h2>overflow-x: scroll:</h2> <div class="ex1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit...</div> <h2>overflow-x: hidden:</h2> <div class="ex2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit..</div> <h2>overflow-x: auto:</h2> <div class="ex3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit...</div> <h2>overflow-x: visible (default):</h2> <div class="ex4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit...</div> </body> </html>