html如何防止内部撑开,父div没有被撑开,该怎么解决?_html/css_WEB-ITnose
上面的例子中,保留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相关推荐
- body 没有被撑开_父div没有被撑开,该怎么解决?_html/css_WEB-ITnose
上面的例子中,保留div1的height:100%的前提下,能够让div2撑开div1吗? 回复讨论(解决方案) 默认情况下就是撑开的 height:100%;不要或者设为 height:auto, ...
- body 没有被撑开_为什么父div没有被撑开
正常情况下,如果父元素没有设置高度,子元素能够将其撑开. 但如果子元素浮动且没有清除浮动的话,在标准浏览器中,父元素不会被撑开. 代码实例如下:[HTML] 纯文本查看 复制代码运行代码 蚂蚁部落 . ...
- html中怎么让div撑开,html中子div用了浮动怎样让父div的大小自动撑开(清除浮动)...
浮动子div撑开父div的几种方法: (1)在父div中在添加一个清除浮动的子div (2)在父div的css样式中设置overflow:hidden;zoom:1; (3)设置父div也为浮动元素f ...
- 【css】父div宽度固定,子div横向排列,排不下自动换行
前提: 如图,有n个虚线div,未设定样式时每个div独占一行,且宽度均为100%. 现有一需求,要求每个虚线div宽度为文字宽度,并横向排列,排不下时自动换行. <style>.area ...
- html实现div变透明,css实现父div透明子div内容不透明
标题可能不是很专业,只要你有一点前端基础的应该能看懂意思,昨天没休息好,今天写项目有点飘,总是写了尾巴忘了头,年轻少熬夜*-* 如标题今天记录三个Css属性 opacity rgb rgba 下面来讲 ...
- 子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
方法一: html: <div id="all1"><div id="left1">1</div><div id=&q ...
- 子div撑不开父div的几种解决方法
为什么80%的码农都做不了架构师?>>> 子div撑不开父div的情况: <style> .example{background: #008000;width: 400p ...
- div 随着内容撑开
当内容不定高时,可以使用以下几种方式让 div 随着内容撑开: 使用 display: flex 将父元素设置为 display: flex,并使用 flex-direction: column 让子 ...
- 子元素宽度如何撑开父元素宽度
子元素宽度如何撑开父元素宽度 代码 效果如下 一个横向滚动栏,子元素高度会自动撑开父元素的高度,但是好像子元素宽度不能自动撑开父元素的宽度.这是我们需要使用css使子元素宽度可以自动撑开父元素宽度,避 ...
最新文章
- 使用微信开发者工具创建小程序项目
- 详细介绍Oracle DBA工作职责
- 桌面图标计算机的意义,关于电脑桌面图标的3个古老问题,答对一个都是高手,你会几个?...
- matlab2012生成dll,64位win7下vc2010如何調用matlab2012a中生成的dll文件
- 文字转语音文件的两种方法
- SpringBoot2.x 中配置拦截器
- oracle报错ORA-01843: not a valid month
- 海量数据和高并发下的 Redis 业务优化实践
- JDK1.6官方下载_JDK6官方下载
- 【高手推荐:主题下载】
- 利用宝塔面板部署SSM项目
- 如何修改域名DNS服务器?修改DNS服务器常见问题汇总
- 光纤通道FC存储交换机的常见问题详解
- python自动化运维博客_python自动化运维记录
- 更好的为学计算机帮助英语,北京教委公布本科跨省转学名单,两学霸为学计算机转出北大...
- 编辑中的word变成只读_打开Word文件是只读,怎么修改
- Think:研究生期间的迷茫、困惑——放平心态,奋力拼搏
- Admin5推荐软文推广采用“链接标准化”
- 简单工厂模式在Logback源码以及JDK源码中的应用
- php文字转拼音API接口下载,微擎API 开发之汉字转拼音助手
热门文章
- 英爱特快速制表软件详细介绍
- 怎么用计算机搜索文件夹,如何在电脑中查找文件_如何在电脑里查找文件-win7之家...
- 2012考研数学二第(4)题——定积分比较大小
- 融360|简普科技《维度》报告:超过三成受访者遇过理财投资陷阱 90后受害最深
- PHPCMS模块分析之广告模块详解----北冥神功破解法(一)
- linux查看网络流量 命令,linux查看流量命令
- Android添加UserAgent
- 牛逼的架构 vs ‘牛逼’ 的人生
- 蓝牙无法连接手机解决大全(转)
- Word怎么在图片上制作一个简历封面?