zoukankan      html  css  js  c++  java
  • 两个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.

  • 相关阅读:
    最佳路径搜索算法1
    积分方程的程序化解决方案
    lcov
    nvidia driver
    dependency
    scp ssh-server
    boost 安装 latest
    ubuntu 快捷键
    nvidia drive
    查询优化器 postgres
  • 原文地址:https://www.cnblogs.com/qq78292959/p/4236913.html
Copyright © 2011-2022 走看看