前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >div高度自适应

div高度自适应

作者头像
发布于 2021-11-08 05:43:20
发布于 2021-11-08 05:43:20
1.9K00
代码可运行
举报
文章被收录于专栏:IT杂症IT杂症
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    IE7 高度自适应
    
    .boxwrapper
    {
        height: 500px;
    }
    .box
    {
        width: 200px;
        min-height: 200px;
        _height: 200px;
        border: 1px solid #ccc;
    }
    


内容高度小于200px
test
test
test
test
test

内容高度大于200px效果
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2013年09月30日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
html+css实现漂亮透明的登录页面,HTML实现炫酷登录页面
今天带大家,用html+css实现一个漂亮的登录页面,代码中关键部分我都做了注释,具体实现过程请看下面的视频和代码。
AlbertYang
2021/01/27
17.6K0
html+css实现漂亮透明的登录页面,HTML实现炫酷登录页面
css基础教程之尺寸与补白
content-box 默认值,padding和border不被包含在定义的width和height之内,会被padding撑开
老雷PHP全栈开发
2020/07/02
4660
CSS使用技巧
在修改模板的过程中,需要重写CSS样式表。正好看到instantshift.com有一篇CSS常用技巧的总结文章,我就把它整理出来,供自己参考,也希望对大家有用。
ruanyf
2018/09/21
1.3K0
CSS使用技巧
CSS使用技巧
然后,将小容器定位为absolute,再将它的左上角沿y轴下移50%,最后将它margin-top上移本身高度的50%即可。
神葳
2021/01/22
1.4K0
CSS判断不同分辨率显示不同宽度布局CSS3技术支持IE6到IE8
CSS判断不同分辨率浏览器(显示屏幕)显示不同宽度布局CSS3技术支持IE6到IE8。将用到css3 @media样式进行判断,但IE9以下版本不支持CSS3技术,这里DIVCSS5给大家介绍通过JS实现低版本的浏览器也支持CSS3实现实用布局。 一、实用范围描述   -   TOP CSS DIV网页布局中当分辨率小于等于1024px(像素)时,DIV布局对象显示1000px宽度,当分辨率大于1024px时候显示1200px宽度等需求。使用CSS实现改变浏览器显示宽度从而实现布局的网页宽度动态改变变化(网
庞小明
2018/03/07
2.4K0
这种div高度自适应确定你知道吗?
1. 随子元素div高度自适应 如何下面的child1和child2浮动,parent高度就会为0,前提child1和child2都有高度,如果你想parent的高度自适应,请继续阅读 <body> <div class="parent"> <div class="child1"></div> <div class="child2"></div> </div> </body> 样式省略 方法1 .parent{ overflow:hidden;
潇洒哥和黑大帅
2018/10/23
7950
2016.06 第三周 群问题分享
HTML+CSS 怎么让一个容器里面不管存在2个子元素还是1个子元素都能垂直居中 2016.06.20~2016.06.24 核心内容 弹性布局 参考答案 实例: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5学堂</title> <link rel="stylesheet" href="reset.css"> <style> .wrap { width: 500px; height: 500px
HTML5学堂
2018/03/13
1K0
2016.06 第三周 群问题分享
CSS&HTML面经专题——(三)CSS定位/盒模型/经典布局/浮动布局与BFC
position:static | relative | absolute | fixed | center | page | sticky
玖柒的小窝
2021/10/26
2.1K0
CSS&HTML面经专题——(三)CSS定位/盒模型/经典布局/浮动布局与BFC
最全的CSS浏览器兼容整理
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就 会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且 DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
botkenni
2019/09/03
1.6K0
最全的CSS浏览器兼容整理
那些经常使用的 CSS3属性
实用的css3属性 1、display:flex||inline-flex display flex inline-flex 解释 将对象作为弹性伸缩盒显示 将对象作为内联块级弹性伸缩盒显示 项目中的应用 我当时写过一个因为子元素浮动让div自适应高度的解决办法,使用的是css方法解决的。div高度自适应 下面就是换用display:flex解决 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl
潇洒哥和黑大帅
2018/10/23
7410
那些经常使用的 CSS3属性
css3盒子模型最详解
box-sizing <html lang="en"> <head> <meta charset="UTF-8"> <title>51-盒子box-sizing属性</title> <style> .content{ width: 300px; height: 300px; background-color: red; } .aside{ w
贵哥的编程之路
2020/11/03
4680
css3盒子模型最详解
css多浏览常见问题
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是. 以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK. (注意写法.记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+FF */ wid
用户1112962
2018/07/03
1.1K0
css-height
​ 一个div块级元素没有为其设置宽度和高度,浏览器会为其分配可使用的最大宽度(比如全屏宽度),但是不负责分配高度,块级元素的高度是由子元素堆砌撑起来的。那么,html和body标签的高度也都是由子级元素堆砌撑起来的。
奋飛
2019/08/14
1.1K0
【解决方案】UI高度自适应的修改
整体的布局就是这样一个 Header,一个 sider,还有内容 content,我们要关心的就是 content  区域。
一尾流莺
2022/12/10
7390
【解决方案】UI高度自适应的修改
div高度自适应
div高度自适应, 一般设置min-height值即可。 如min-height: 200px, 当div的内容高于200px时, div会自动伸展。IE6不支持这个属性,可以用css hack来解决。
小小许
2018/09/20
2.4K0
【CSS】处理兼容性问题 | CSS Hack | IE
(1)IE6双边距bug: 块属性标签添加了浮动float之后,若在浮动方向上也有margin值,则margin值会加倍。这种问题主要就是会把某些元素挤到了第二行。
前端修罗场
2023/10/07
2680
CSS 7:网页布局(传统布局,flex布局,布局套路)
width: 1000px; //或 max-width: 1000px; margin-left: auto; margin-right: auto; 演示地址范例
代码之风
2019/03/14
4.1K0
CSS 7:网页布局(传统布局,flex布局,布局套路)
[重拾CSS]一道面试题来看伪元素、包含块和高度坍塌
前几天某个群友在群里问了一道面试题,就是关于一个自适应的正方形布局的困惑,先贴上代码。我其实很长一段时间没有写 CSS 了,对于里面的一些细节也比较模糊了,因此决定重拾 CSS,来重新捋一捋这题目中的一些知识点。(本文大多采用的讲解方式为 w3 的 CSS 标准 + MDN,如果对标准比较熟悉的大神请跳过这篇文章)
秋风的笔记
2020/10/27
1.1K0
[重拾CSS]一道面试题来看伪元素、包含块和高度坍塌
如何理解css中的float
最近一段时间一直在为一个即将上线的新站进行一些前端开发。自然,对CSS的使用是必不可少的了。我们在CSS 中很多时候会用到浮动来布局。常见的有 float:left 或者 float:right 。简单点来说,前者是左浮动(往左侧向前边的非浮动元素飘,全是飘得元素的话,就按照流式来浮动从左到右,放不下则换行),后者是右浮(往右飘)动。
全栈程序员站长
2021/12/21
1.2K0
如何理解css中的float
不可忽视的CSS布局
CSS布局是一个前端必备的技能,HTML如果说是结构之美,CSS就是视觉之美可以给用户不一样的体验的效果和视觉冲击。如果一个大方美观的布局,用户第一眼看到会很舒服,不仅提高了用户的视觉效果也提高了用户的体验效果。随着现在设备种类的增多,各种大小不一,奇形怪状的设备使得前端开发的压力不断增大,越来越多的UI框架层出不群,我们就会忽略了最基本的CSS,下面总结了一些经常用到的CSS布局,一起学习和进步。
小丑同学
2020/09/21
6230
相关推荐
html+css实现漂亮透明的登录页面,HTML实现炫酷登录页面
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验