W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> #div1 { background-color: yellow; height: 80px; width: max(50%, 300px); } #div2 { border: 1px solid black; width: 300px; } </style> </head> <body> <h1>max() 函数</h1> <p>在这个例子中，宽度至少为 300px，但如果视口宽度大于 600px，宽度会更宽（使用 50%）。</p> <p>调整浏览器窗口大小以查看效果。</p> <div id="div1">使用 max() 将此 div 的宽度设置为 50% 或 300px 中的较大值。</div> <br> <div id="div2">此 div 的固定宽度为 300px。</div> </body> </html>