上面的例子中,保留div1的height:100%的前提下,能够让div2撑开div1吗?

回复讨论(解决方案)

默认情况下就是撑开的

height:100%;不要或者设为 height:auto,

都100%了。。。你还想怎么撑开,,,本身就是撑开了的。。。

不能的,height:100%是当前窗口的高度,#div1 height:auto;

设定height:auto;的话div1内部就不能使用百分比设定高度了。

实际应用中div2高度不确定,而且可能会用百分比设定高度。希望的效果是div2较小的场合,div1充满屏幕;div2较大的场合,div1被撑开和div2一样大。

你需要的是设置 min-height:100

原先设定是#div1 min-height:100%;,能实现期待效果,但div1内部元素高度不能用百分比布局了,所以想修改。

目前的困境是,如果设定height:100%就撑不开;不设定内部元素布局又受影响。

在怀疑单纯CSS是不是做不到?

吧 #div 下面需要百分比布局的 元素 拿出来

另外弄一个 div.height:100% 的层 这个层 和 #div 重叠 就可以了(前面拿出来的元素放进去)

另外放div好像还是难以达到效果。

div设定高度(不是auto)的情况下,没办法被子元素撑开吗?以前在ie6似乎是撑开的

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

body 没有被撑开_父div没有被撑开,该怎么解决?_html/css_WEB-ITnose相关推荐

  1. body 没有被撑开_父元素没有被撑开塌陷问题解决方案

    在布局中,有可能会出现这样的现象,就是子元素没有把父元素撑开,父元素出现塌陷现象,这个问题基本上都是由没有清除浮动造成的,网上的分析还是海量的,不过这里还是再做一下简单介绍,希望能够给需要的朋友带来一 ...

  2. html如何防止内部撑开,父div没有被撑开,该怎么解决?_html/css_WEB-ITnose

    上面的例子中,保留div1的height:100%的前提下,能够让div2撑开div1吗? 回复讨论(解决方案) 默认情况下就是撑开的 height:100%;不要或者设为 height:auto, ...

  3. body 没有被撑开_为什么父div没有被撑开

    正常情况下,如果父元素没有设置高度,子元素能够将其撑开. 但如果子元素浮动且没有清除浮动的话,在标准浏览器中,父元素不会被撑开. 代码实例如下:[HTML] 纯文本查看 复制代码运行代码 蚂蚁部落 . ...

  4. html中怎么让div撑开,html中子div用了浮动怎样让父div的大小自动撑开(清除浮动)...

    浮动子div撑开父div的几种方法: (1)在父div中在添加一个清除浮动的子div (2)在父div的css样式中设置overflow:hidden;zoom:1; (3)设置父div也为浮动元素f ...

  5. html实现div变透明,css实现父div透明子div内容不透明

    标题可能不是很专业,只要你有一点前端基础的应该能看懂意思,昨天没休息好,今天写项目有点飘,总是写了尾巴忘了头,年轻少熬夜*-* 如标题今天记录三个Css属性 opacity rgb rgba 下面来讲 ...

  6. div超出不换行_子div超出父div部分横向滚动,不换行

    父div: .rootBar{ width: 1920px; height: 216px; float: left; overflow-y: hidden; overflow-x: auto; whi ...

  7. 子div撑不开父div的几种解决方法

    为什么80%的码农都做不了架构师?>>> 子div撑不开父div的情况: <style> .example{background: #008000;width: 400p ...

  8. HTML里子DIV设置margin-top后影响父DIV位置的解决办法

    在HTML里,子DIV元素设置了margin-top后,在与父元素之间没有任何其他元素的情况下,会影响到父DIV的位置. 一.编写代码. <!DOCTYPE html> <html ...

  9. div 随着内容撑开

    当内容不定高时,可以使用以下几种方式让 div 随着内容撑开: 使用 display: flex 将父元素设置为 display: flex,并使用 flex-direction: column 让子 ...

最新文章

  1. Python学习day13-函数进阶(1)
  2. 微信红包的支撑架构原理是什么?
  3. javax.net.ssl.SSLException: Received fatal alert: protocol_version问题解决
  4. 获得Class引用的三种方式?Class.forName()、getClass以及.class的使用
  5. 入行十年,总结出了数据仓库、数据集市、数据库的精华,你一定不能错过
  6. mysql 无法启动 查看原因_Mysql服务无法启动问题
  7. 分配菜品类别: 展开 收起_运营技巧:让产品数据决定菜品的去与留
  8. VS2019,C#修改WinForm应用程序和窗体图标
  9. 20181018 考试记录
  10. 智能水杯设计方案_智能水杯-设计报告终稿.doc
  11. 基于单片机的无线防盗报警系统设计(#0449)
  12. 2022年十一届认证杯A题
  13. 全部口罩机3D图纸图档打包
  14. ssm后台权限管理系统
  15. python词云生成与设计实现_python简单词云生成
  16. 台式计算机32位和64位的区别,电脑装系统选择32位还是64位? 32位和64位系统有什么区别...
  17. 【商业信息】PNP ID注册名单 2019-05-21
  18. 《国庆中秋除了发月饼,企业更应该做什么?》
  19. 实现TCP透明代理(附下载)
  20. 网络安全——文件包含漏洞

热门文章

  1. oracle数据库异常---SP2-1503: 无法初始化 Oracle 调用界面 SP2-1503: 无法初始化 Oracle 问题的解决办法
  2. C++中内存泄漏的检测方法介绍
  3. python编程(rq调度系统)
  4. 搜索引擎的那些事(多线程web遍历)
  5. 前端 鼠标一次移动半个像素_小猿圈分享2019年前端JavaScript面试题(三)
  6. java hrows使用的解释_Android JNI学习之javah命令的正确使用(找了好半天才找到的,汉,网上好多说法都没用)...
  7. MySQL语法中有哪些可以利用的漏洞?
  8. Linux平台安装go并配置go环境
  9. 测试库的接收到的数据是否完整(jrtplib为列)
  10. 微软Skype即将抛弃Windows Phone 8和8.1用户