ie不能正常显示，#top .top_right .right

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>

错过了年华

浏览 1603回答 4

4回答

Mrwolf3512195

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

0 0

不看6324不混吃等死

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

0 0

不看6324不混吃等死

看得我好乱

0 0

随时随地看视频慕课网APP