博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
两个div如何并列 (转)
阅读量:5302 次
发布时间:2019-06-14

本文共 665 字,大约阅读时间需要 2 分钟。

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

1

<div id="parent">

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

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

</div>

<style>

#parent{width:170px;}

#child_1{float:left;width:85px;}

#child_2{margin-left:auto;width: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="width:200px;">

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

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

</div>

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

转载于:https://www.cnblogs.com/qq78292959/p/4236913.html

你可能感兴趣的文章
consonant combination
查看>>
驱动的本质
查看>>
Swift的高级分享 - Swift中的逻辑控制器
查看>>
Swagger简单介绍
查看>>
Python数据分析入门案例
查看>>
vue-devtools 获取到 vuex store 和 Vue 实例的?
查看>>
Linux 中【./】和【/】和【.】之间有什么区别?
查看>>
内存地址对齐
查看>>
看门狗 (监控芯片)
查看>>
#ifndef #define #endif
查看>>
css背景样式
查看>>
JavaScript介绍
查看>>
开源网络漏洞扫描软件
查看>>
yum 命令跳过特定(指定)软件包升级方法
查看>>
创新课程管理系统数据库设计心得
查看>>
Hallo wolrd!
查看>>
16下学期进度条2
查看>>
Could not resolve view with name '***' in servlet with name 'dispatcher'
查看>>
Chapter 3 Phenomenon——12
查看>>
C语言中求最大最小值的库函数
查看>>