上面的例子中,保留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中文网

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

  1. body 没有被撑开_父div没有被撑开,该怎么解决?_html/css_WEB-ITnose

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

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

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

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

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

  4. 【css】父div宽度固定,子div横向排列,排不下自动换行

    前提: 如图,有n个虚线div,未设定样式时每个div独占一行,且宽度均为100%. 现有一需求,要求每个虚线div宽度为文字宽度,并横向排列,排不下时自动换行. <style>.area ...

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

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

  6. 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题

    方法一: html: <div id="all1"><div id="left1">1</div><div id=&q ...

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

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

  8. div 随着内容撑开

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

  9. 子元素宽度如何撑开父元素宽度

    子元素宽度如何撑开父元素宽度 代码 效果如下 一个横向滚动栏,子元素高度会自动撑开父元素的高度,但是好像子元素宽度不能自动撑开父元素的宽度.这是我们需要使用css使子元素宽度可以自动撑开父元素宽度,避 ...

最新文章

  1. 使用微信开发者工具创建小程序项目
  2. 详细介绍Oracle DBA工作职责
  3. 桌面图标计算机的意义,关于电脑桌面图标的3个古老问题,答对一个都是高手,你会几个?...
  4. matlab2012生成dll,64位win7下vc2010如何調用matlab2012a中生成的dll文件
  5. 文字转语音文件的两种方法
  6. SpringBoot2.x 中配置拦截器
  7. oracle报错ORA-01843: not a valid month
  8. 海量数据和高并发下的 Redis 业务优化实践
  9. JDK1.6官方下载_JDK6官方下载
  10. 【高手推荐:主题下载】
  11. 利用宝塔面板部署SSM项目
  12. 如何修改域名DNS服务器?修改DNS服务器常见问题汇总
  13. 光纤通道FC存储交换机的常见问题详解
  14. python自动化运维博客_python自动化运维记录
  15. 更好的为学计算机帮助英语,北京教委公布本科跨省转学名单,两学霸为学计算机转出北大...
  16. 编辑中的word变成只读_打开Word文件是只读,怎么修改
  17. Think:研究生期间的迷茫、困惑——放平心态,奋力拼搏
  18. Admin5推荐软文推广采用“链接标准化”
  19. 简单工厂模式在Logback源码以及JDK源码中的应用
  20. php文字转拼音API接口下载,微擎API 开发之汉字转拼音助手

热门文章

  1. 英爱特快速制表软件详细介绍
  2. 怎么用计算机搜索文件夹,如何在电脑中查找文件_如何在电脑里查找文件-win7之家...
  3. 2012考研数学二第(4)题——定积分比较大小
  4. 融360|简普科技《维度》报告:超过三成受访者遇过理财投资陷阱 90后受害最深
  5. PHPCMS模块分析之广告模块详解----北冥神功破解法(一)
  6. linux查看网络流量 命令,linux查看流量命令
  7. Android添加UserAgent
  8. 牛逼的架构 vs ‘牛逼’ 的人生
  9. 蓝牙无法连接手机解决大全(转)
  10. Word怎么在图片上制作一个简历封面?