u012881935
小奶包他干奶奶
采纳率18.2%
2017-03-09 06:27

求教,CSS两栏布局,一列固定一列自适应为题

已采纳

左列为自适应布局没有设宽度,右列设固定宽度,用了float布局,但是发现左右列不在同一行,固定宽度的列被挤到了下方,是什么原因呢?
求大神指教!!!

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

4条回答

  • gm_ming0501 gm_ming0501 4年前

    ![图片说明](https://img-ask.csdn.net/upload/201703/09/1489043283_558923.png)图片说明

    点赞 1 评论 复制链接分享
  • Tiger_Zhao Tiger_Zhao 4年前

    回复中代码太难看,重新贴在这里。

    <div style="float:right; width:200px; background-color:red;">right</div>
    <div style="background-color:green;">left</div>
    
    点赞 1 评论 复制链接分享
  • gm_ming0501 gm_ming0501 4年前
    固定宽度的右侧
    自适应的左侧

    要先写浮动的div,这样就不会被挤下来了
    图片说明

    点赞 评论 复制链接分享
  • Tiger_Zhao Tiger_Zhao 4年前

    许多元素不设宽度就是占整行。
    改为向右float,html中先写右列,再写左列。

    点赞 评论 复制链接分享

相关推荐