源代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编程字典</title> <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宽度是: 500px;</div> <br> <div class="ex2">这个div最大宽度是:max-width: 500px;</div> <p><strong>提示:</strong> 拖动浏览器窗口小于500px宽,看一下之间的区别!</p> </body> </html>
运行结果