div 两列excel如何不显示div0 为什么有延迟呢?

在面试的时候遇到这样一个笔试题,使用div+css布局一个三行两列的页面。这里主要考察的是css中postion的具体用法。详细信息可参考我这篇文章:

闲来无事,就自己动手实现了一下,代码如下:

考察的知识点就是css中的postion,在笔试的时候,不是非得动笔写出来才行,列出要点,也一样。

用div一行分两列为什么在dreamweaver cs5 代码视图下是这样,就是这部分:


在ie下变成这样了,这部分换行了,这是问什么呢


怎么也搞不懂,求教各位高人指点

等高布局有几种不同的方法,但目前为止我认为浏览器兼容最好最简便的应该是padding补偿法。首先把列的padding-bottom设为一个足够大的值,再把列的margin-bottom设一个与前面的padding-bottom的正值相抵消的负值,父容器设置超出隐藏,这样子父容器的高度就还是它里面的列没有设定padding-bottom时的高度,当它里面的任一列高度增加了,则父容器的高度被撑到它里面最高那列的高度,其他比这列矮的列则会用它们的padding-bottom来补偿这部分高度差。因为背景是可以用在padding占用的空间里的,而且边框也是跟随padding变化的,所以就成功的完成了一个障眼法。

  1. 右边高度比左边高,所以left下面出现了脱节现象

  2. 可以看到left和rignt的高度一样了

经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。

我要回帖

更多关于 div居中显示 的文章

 

随机推荐