height 100%

https://blog.51cto.com/jinkaiye/2447280

1.如果不给定元素宽高,浏览器默认分配高度是0px,宽度是浏览器<bower>宽度。
2.浏览器是由DOM树由上至下执行的。自身属性指定的值优先,但不包含继承性质的。如百分比%
(1)如果父元素没有设置相关属性,子元素设置height 100%, 则父、子元素实际高度为0
(2)如果子元素没有设置相关属性,父元素设置height 100%, 则父元素为文档高度,子元素为0
注意:有时候我们看到父、子元素高度为0,但显示正常,是子元素高度,即文档高度。是一种溢出的现象。
通常正确的写法是html,body{width:100%;height:100%}
3.背景图片不能overflow:hidden,但可以设置为百分比和大小
-----------------------------------------------------------------------------------------------

div设置规则:

1、设置DIV的高度,宽度;

--宽度,高度  自己的大小

        min-width: 36%;
        max-width: 28%;
        min-height: 30%;
        max-height: 42%;
--背景: 自己的样式
        background: #FFFFFF;
        border-radius: 20px;
--位置:   与他人的关系,父亲,浏览器
        position: absolute;
        top: 14%;
        right: 4%;
--边距  自己的样式
        padding: 0% 3%;
        padding-bottom: 2%;
 
------------------------------------

1、在功能方面:div是一个块级元素,它包含的元素会自动换行。而span是行内元素,在它的前后不会换行。span没有结构上的意义,只是单纯的应用样式,其它元素不适合时,就可以使用span元素。span可以作为div的子元素,但div不能是span的子元素,如果出现span中出现div不符合ws3c的页面标准。

  2、在使用方面:span元素宽度是被包围的内容宽度决定,不建议给span设置宽度属性width,可以给span设置margin值,设置与父元素之前的距离。span可以通过css声明(display:block)转换为块元素,想对一行中的文字或图片单独设置样式,而又由不需要换行的条件下又不影响其他行内其他内容,span可以很好解决这些问题

posted on   四海骄阳  阅读(67)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· 【.NET】调用本地 Deepseek 模型
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
历史上的今天:
2020-11-10 HttpServletRequest 对象通过以下方法来获取请求路径
2020-11-10 CentOS 升级 openSSH+ sh脚本自动运维
2020-11-10 链接
2018-11-10 Nginx之解压编译安装-yellowcong

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

了解更多