我现在遇到了很多问题.它只是在Firefox(使用FF10测试)中烦恼,这个错误不会发生在Chrome 17或任何IE中.

这就是事情.我的页面架构看起来像这样

编辑:一些人要求提供CSS的一部分.我的代码在这里被简化了很多,这里是匹配的css的简化版本.

#container {

margin: 0 auto;

position: relative;

width: 1000px;

}

#a{

height: 156px;

margin: 0 auto;

position: relative;

text-align: center;

top: 2px;

width: 918px;

}

#b {

background-color: #FFFFFF;

font-size: 12px;

margin: 0 auto;

text-align: left;

width: 958px;

}

#c{

background: url("images/top_content.gif") no-repeat scroll left top #FFFFFF;

height: 50px;

margin: 0 auto;

width: 100%;

}

#d{

padding: 40px 0px;

}

作为奖励,#d div的计算高度为874px(用firebug计算)

应该指出,当内容足够短以适应页面时,内容部分(#d)将不会有分页符并保留在第一页上.

这种情况只发生在例如chrome中,我可以看到#d的内容会在第二页上出血.

所以这是问题所在.如何防止#c和#d div之间的换行?

防止html两个div重叠,html – 防止2个div元素之间的分页符相关推荐

  1. 使position:fixed不与其他div重叠 ,fixed所在div高度不变和可变两种情况

    由于fixed会使元素脱离文档流,让该div不与其他div重叠有两种方法 高度固定的情况 方法一:设置下方区域的padding-top padding-top: XXpx 方法二:设置fixed所在d ...

  2. html怎么让两个div重叠,两个DIV或多个DIV顺序重叠加

    DIV堆叠 CSS让DIV层叠.叠加,CSS让两个DIV或多个DIV按程序堆叠叠加篇 让DIV重叠并按想要举措重叠须要CSS来实现,即CSS绝对定位发展实现. 重叠格局必要主要CSS名目抒发 1.z- ...

  3. html怎么使两个div模块并列居中,css怎样让两个div重叠,怎么让整个div居中

    css怎样让两个div重叠CSS如何使两个div重叠,css使两个div重叠的方法:首先,使用[position:absolute]属性为div设置绝对定位:然后使用z-index属性确定哪个div在 ...

  4. html5两个标签重叠,css中两个盒子如何重叠?

    如果想要实现两个盒子重叠,并且要让它们按照我们所想的重叠顺序,需要CSS的绝对定位来实现,下面就来给大家说一下重叠样式的的CSS实现方法. css可以通过对两个盒子进行定位,使两个盒子在页面同一位置显 ...

  5. div显示在上层_DIV重叠 如何优先显示(div浮在重叠的div上面)

    如果有2个div有重叠,默认是根据html解析顺序,最后加载的优先级最高(浮在最上面). 问题: 如果想把前面加载的div显示在最上面?关键字:z-index 举例: --原来的页面:first di ...

  6. LeetCode 1031. 两个非重叠子数组的最大和(一次遍历,要复习)*

    文章目录 1. 题目 2. 解题 2.1 暴力枚举 2.2 一次遍历 1. 题目 给出非负整数数组 A ,返回两个非重叠(连续)子数组中元素的最大和,子数组的长度分别为 L 和 M.(这里需要澄清的是 ...

  7. C语言 有两个矩形 求重叠面积,计算两个矩形重叠面积的简单方法

    实验需要,需要计算两个矩形重叠面积 想来想去觉得挺复杂,搜了下,看见一个超给力的方法 这里分享下: function D = DecideOberlap(Reframe,GTframe) x1 = R ...

  8. CSS基础:margin在行内元素及行级块元素失效两个元素之间margin重叠

    <!DOCTYPE html> <html><head><meta charset="utf-8"><title>< ...

  9. [Swift]LeetCode1031. 两个非重叠子数组的最大和 | Maximum Sum of Two Non-Overlapping Subarrays...

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ➤微信公众号:山青咏芝(shanqingyongzhi) ➤博客园地址:山青咏芝(https://www.cnblog ...

最新文章

  1. 关于Silverlight安装问题之二
  2. Hyperledger Fabric 核心模块(2)configtxgen configtx.yaml配置文件
  3. C/C++extern关键字
  4. BZOJ 4706: B君的多边形 找规律
  5. 三维重建:QT+OpenNI+Kinect图像校正
  6. c语言深度剖析第三版pdf_入门到入坟,蕴含全网最强知识点3283页笔记、pdf教程,活到老,学到老...
  7. springboot集成redis使用redis作为session报错ClassNotFoundException类RememberMeServices
  8. vue+vant 移动端H5 商城项目_03
  9. lean软件Android有吗,leanchat-android
  10. 学习做生意的知识重要吗?
  11. 192.168.8.1手机登陆_192.168.1.1手机登陆
  12. 伪异步 I/O 编程
  13. 车联网及其技术发展趋势
  14. 我没有时间 I Don't Have Time?
  15. 玩机搞机----安卓全机型修改开机第一屏步骤教程
  16. 正高、正常高、大地高
  17. db服务器在游戏服务器组中的作用
  18. 关于tomcat启动的错误:Error running... jmxremote.access
  19. windows7操作系统安装步骤(精简版)
  20. 北师大珠海分校2017国庆欢乐赛题解

热门文章

  1. 连通、连通分量、极大连通子图
  2. inventor软件绘制百叶窗方法_「百叶窗模型」solidworks怎么绘制百叶窗模型? - seo实验室...
  3. u盘中的android文件夹图标不显示了,u盘中文件不能显示解决方法集
  4. 我喜欢的江南, 它在天寒地冻之时
  5. crontab·定时任务使用笔记
  6. 工业4.0时代背景下,智能制造的三个特点
  7. 用计算机用语说唯美的话,很美的唯美说说句子
  8. [STL]面试题小结(一)
  9. Java 集合深入理解(11):LinkedList
  10. boostrap网站代码首页实现