<style?type="text/css">
body{
margin:0;
padding:0;
}
*?{ box-sizing:?content-box; ????????????????-moz-box-sizing:?inherit;
????-webkit-box-sizing:?inherit;
}
a{
text-decoration:none;
}
#top_bg?{
z-index:?0;
background:?linear-gradient(#007FFF,#F2F2F2);
-box-background:?linear-gradient(#007FFF,#F2F2F2);
height:?230px;
width:?100%;
position:relative;
left:0;
top:0;
}
#top?{
height:?230px;
width:?1380px;
margin-right:?auto;
margin-left:?auto;
z-index:?1;
left:?0;
top:?0;
position:?absolute;
overflow:?hidden;
}
#top?.top_left?{
float:?left;
height:?230px;
width:?709px;
}
#top?.top_left?.top_img1?{
height:?143px;
width:?123px;
margin-left:?66px;
margin-top:?51px;
float:?left;
}
#top?.top_left?.top_bt?{
font-family:?"微軟雅黑";
font-size:?64px;
font-weight:?normal;
margin-top:?51px;
margin-left:?120px;
float:?left;
display:?block;
height:?72px;
width:?368px;
text-align:?justify;
}
#top?.top_left?.top_english?{
float:?left;
font-size:?51px;
display:?block;
height:?53px;
width:?435px;
margin-top:?8px;
margin-left:?40px;
font-family:?Chiller;
}
#top?.top_right?{
float:?right;
height:?230px;
width:?650px;
}
#top?.top_right?.right_top?{
float:?right;
height:?45px;
width:?250px;
margin-top:?50px;
margin-right:?39px;
clear:?both;
}
#top?.top_right?.right_top?.right_top_w1?{
font-family:?"微軟雅黑";
font-size:?33px;
float:?right;
height:?39px;
width:?72px;
margin-right:?20px;
}
#top?.top_right?.right_top?.top_line?{
float:?right;
height:?45px;
width:?0px;
border:?1px?solid?#999;
margin-right:?19px;
}
#top?.top_right?.right_top?.right_top_w2?{
font-family:?"微軟雅黑";
font-size:?33px;
float:?right;
height:?39px;
width:?72px;
margin-right:?18px;
}
</style>
</head>
<body>
<div?id="top_bg"></div>
<div?id="top">
??????<div?class="top_left">
??????<div?class="top_img1">?<img?src="imgs/logo_r1_c2.jpg"?width="141"?height="142"?/>
??????</div>
???
??????<div?class="top_bt">外 語 系</div>
??????<div?class="top_english">foreign?language?department??????</div>
??</div>
??<div?class="top_right">
????<div?class="right_top">
??????????<a?href="#"?class="right_top_w1">注冊</a>
??????????<div?class="top_line"></div>
??????????<a?href="#"?class="right_top_w2">登錄</a>
??????</div>?
??????<div?class="right_bottom"></div>?
??</div>
</div>
</body>
ie不能正常顯示，#top .top_right .right_top跑出去了。。。
錯過了年華
2016-12-19 22:59:29
