• 两个div如何并列 (转)


    两个div如何并列?当用到div+css代替table时,我习惯用两个方法:

    1

    <div id="parent">

    <div id="child_1"></div>

    <div id="child_2"></div>

    </div>

    <style>

    #parent{170px;}

    #child_1{float:left;85px;}

    #child_2{margin-left:auto;85px;}

    </style>

    使用上面方法,可以构成<td></td><td></td>的效果,但是parent.width>child_1.width + child_2.width,如果child_1.width + child_2.width>=parent.width时则两列不能并列。我用此方法在ie6下是设parent的背景色接近child_1和child_2中间的接近颜色来消除间隔。总的来说,此方法我刚开始时经常用,但现在我用下面的方法。

    2

    <div style="200px;">

    <div style="float:left; 100px;"></div>

    <div style="float:left;100px;"></div>

    </div>

    此方法可以在一个div里面放多个div,可以并列多个div,当然方法一也可以并列多个div.

  • 相关阅读:
    15-数组concat()方法和push比较
    06-使用云储存上传工具
    05-云函数/云数据库的增删改查
    错题1
    c++链表
    8817
    8816
    1177
    1355
    c++期末考
  • 原文地址:https://www.cnblogs.com/qq78292959/p/4236913.html
Copyright © 2020-2023  润新知