三個div一行顯示的問題


一個id為logo的父div包含三個div,三個div要在同一行顯示,現在問題是  logo_img和logo_ad都在同一行,而logo_ad卻換行了

代碼如下:
<div id="logo">
  <div id="logo_img">此處顯示  id "logo" 的內容</div>
  <div id="logo_main">此處顯示  id "logo_main" 的內容</div>
  <div id="logo_ad">此處顯示  id "logo_ad" 的內容</div>
</div>

css:

#logo {
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
height: 80px;
width: 950px;
}
#logo #logo_img {
width: 200px;
height: 80px;
float: left;
}
#logo #logo_main {
width: 550px;
height: 80px;
margin-right: 200px;
margin-left: 200px;
}
#logo #logo_ad {
float: right;
height: 80px;
width: 200px;
}

4 个解决方案

#1


#logo {
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
height: 80px;
width: 950px;
}
#logo #logo_img {
width: 200px;
height: 80px;
float: left;
}
#logo #logo_main {
width: 550px;
height: 80px;
float:left;

}
#logo #logo_ad {
float: right;
height: 80px;
width: 200px;
}

#2


ad放在main前面

#3


覺得這樣寫可以:

#logo #logo_img {
width: 200px;
height: 80px;
float: left;
}
#logo #logo_main {
width:550px;
height:80px;
float:left;
}
#logo #logo_ad {
float: right;
height: 80px;
width: 200px;
}

#4


一樓和三樓正解,結貼了,thanks

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com