Line 55: | Line 55: | ||
/* ~~ 此固定宽度容器包含其它 div ~~ */ | /* ~~ 此固定宽度容器包含其它 div ~~ */ | ||
.container { | .container { | ||
− | width: | + | width: 1080px; |
background: #FFF; | background: #FFF; | ||
margin: 0 auto; /* 侧边的自动值与宽度结合使用,可以将布局居中对齐 */ | margin: 0 auto; /* 侧边的自动值与宽度结合使用,可以将布局居中对齐 */ | ||
Line 72: | Line 72: | ||
/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符,该占位符应替换为您自己的链接徽标 ~~ */ | /* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符,该占位符应替换为您自己的链接徽标 ~~ */ | ||
.header { | .header { | ||
− | width: | + | width: 1080px; |
box-shadow:3px 3px 20px rgba(0,0,0, .8); | box-shadow:3px 3px 20px rgba(0,0,0, .8); | ||
background-image: url(/wiki/images/0/0f/T--SCUT-China_A--content-title.png); | background-image: url(/wiki/images/0/0f/T--SCUT-China_A--content-title.png); | ||
Line 99: | Line 99: | ||
.content { | .content { | ||
padding: 10px 0; | padding: 10px 0; | ||
− | width: | + | width: 900px; |
float: left; | float: left; | ||
background-color:#FFF; | background-color:#FFF; | ||
Line 129: | Line 129: | ||
/* ~~ 脚注 ~~ */ | /* ~~ 脚注 ~~ */ | ||
.footer { | .footer { | ||
− | width: | + | width:1080px; |
padding: 10px 0; | padding: 10px 0; | ||
color:#FFF; | color:#FFF; | ||
Line 331: | Line 331: | ||
<!---------------------------------------------------------------> | <!---------------------------------------------------------------> | ||
− | <div class="content box" style="width: | + | <div class="content box" style="width:900px; float:right; border:0px;" > |
<!-- 正文内容写在这里面 --> | <!-- 正文内容写在这里面 --> | ||
</div><!-- end .content --> | </div><!-- end .content --> | ||
<div id="footer" class="footer" > | <div id="footer" class="footer" > | ||
− | <table style="text-align:center; font-size:12px;width: | + | <table style="text-align:center; font-size:12px;width:1080px;"> |
<tr> | <tr> | ||
<th width="25%"><a href="#">Contact Us</a></th> | <th width="25%"><a href="#">Contact Us</a></th> |
Revision as of 11:36, 13 September 2016