BrookeKevin
2015-11-08 07:58
采纳率: 50%
浏览 1.5k

CSS DIV布局实例,实在无解,求救!

很简单的一段代码,但不知为何我想让right中的图片放到middle的旁边,可总是无法实
就是如何将右下角的图片移到跟上一个图片平行的位置:图片说明
HTML代买如下:
<!DOCTYPE html>



minions




minions















@小黄人拥有自己独特的语言,短胳膊短腿的,走起来也显得特别可爱。


他们勤劳勇敢,爱吃香蕉和冰激凌,虽然做事容易分心,仍萌倒一片影迷~




CSS代码如下:
*{padding:0 ;
margin: 0;
clear: both;}

#top{
display: block;
margin:auto;
text-align: center;
background-image: url(../img/top_background.jpg);
height: 148px;
}
#content{
float: none;
margin: auto;
background-color: black;
}
#middle{
float:left;
margin: auto;
width: 700px;
background-color: #ff0000;
}
#right{
float: right;
background-color: #ff00ff;
}
#footer{
display: block;
margin: auto;
text-align: center;
padding-top: 20px;
padding-bottom: 30px;
background-color: #000000;
height: 100px";
font-family:"微软雅黑";
font-size:smaller;
color:#ffffff;
}

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 暖枫无敌 2015-11-08 11:45

    你#middle的width: 700px;太宽了吧,调整小点

    评论
    解决 无用
    打赏 举报
  • 世界HEPING 2015-11-09 08:46

    少定义一个height=148px

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题