Line 1: | Line 1: | ||
<html> | <html> | ||
− | <style> | + | <head> |
− | div | + | <style> |
+ | div.container | ||
+ | { | ||
+ | width:30em; | ||
+ | border:1em solid; | ||
+ | } | ||
+ | div.box | ||
{ | { | ||
box-sizing:border-box; | box-sizing:border-box; | ||
− | -moz-box-sizing:border-box; /* Firefox */ | + | -moz-box-sizing:border-box; /* Firefox */ |
− | -webkit-box-sizing:border-box; /* Safari */ | + | -webkit-box-sizing:border-box; /* Safari */ |
width:50%; | width:50%; | ||
+ | border:1em solid red; | ||
float:left; | float:left; | ||
} | } | ||
− | <style> | + | </style> |
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <div class="container"> | ||
+ | <div class="box">这个 div 占据左半部分。</div> | ||
+ | <div class="box">这个 div 占据右半部分。</div> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 03:27, 27 July 2018
这个 div 占据左半部分。
这个 div 占据右半部分。