主页
CSS
CSS 布局 width max-width
trycss_max-width
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> div.ex1 { width:500px; margin: auto; border: 3px solid #73AD21; } div.ex2 { max-width:500px; margin: auto; border: 3px solid #73AD21; } </style> </head> <body> <div class="ex1">这个 div 元素有 width: 500px;</div> <br> <div class="ex2">这个 div 元素有 max-width: 500px;</div> <p><strong>提示：</strong>将浏览器窗口拖动到小于 500px 的宽度，以查看两个 div 之间的区别！</p> </body> </html>