为了账号安全,请及时绑定邮箱和手机立即绑定

ie不能正常显示,#top .top_right .right_top跑出去了。。。

ie不能正常显示,#top .top_right .right_top跑出去了。。。

<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">外&nbsp;&nbsp;语&nbsp;&nbsp;系</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>
查看完整描述

4 回答

?
Mrwolf3512195

TA贡献12条经验 获得超3个赞

有可能是兼容性问题哦?而且你这个结构,问题好多。

查看完整回答
反对 回复 2016-12-24
?
不看6324不混吃等死

TA贡献2条经验 获得超0个赞

.top_right .right_top  两个是父元素的原因吗 用float可以吗?


查看完整回答
反对 回复 2016-12-20
?
不看6324不混吃等死

TA贡献2条经验 获得超0个赞

看得我好乱

查看完整回答
反对 回复 2016-12-20
  • 4 回答
  • 0 关注
  • 1602 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信