首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

CSS之关于min-width、max-widthmin-height和max-height的使用

:fire:min-height 设div父盒子A中有个div子盒子B,设B的min-height为H,则H为盒子B的最小高度值,意思是: 当B中内容填充的高度小于H时,B的高度就是H;当B中内容填充的高度大于...若你填充的内容高度小于100,就以填充内容高度为准 H为5px: Snipaste_2021-12-01_22-03-55.png ==>:star:最高就为5px,填充内容的高度再高也无济于事 ---- :star:与min-width...不同,子盒子的min-width和max-width会受到父盒子width的影响 ---- :fire:min-width :star:设子盒子的min-width为H,父盒子widthwidth,使用...min-width是指: 如果H<width,意味着子盒子还可以更大一点,所以此时子盒子的宽度=父盒子宽度width 如果H>width,则子盒子宽度为H 举例: 当父盒子A宽度为200px,子盒子B...min-width为10px时: Snipaste_2021-12-01_22-19-37.png 当父盒子A宽度为10px,子盒子B min-width为200px时,与上图一样 ---- :fire

1.3K20

你记住JS中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX吗?

不包括外边距)clientWidth //返回元素的宽度(包括元素宽度、内边距,不包括边框和外边距)clientHeight //返回元素的高度(包括元素高度、内边距,不包括边框和外边距)style.width...),无溢出的情况,与clientWidth相同scrollHeigh //返回元素的高度(包括元素高度、内边距和溢出尺寸,不包括边框和外边距),无溢出的情况,与clientHeight相同style.width...返回的是字符串,如28px,offsetWidth返回的是数值28;style.width/style.height与scrollWidth/scrollHeight是可读写的属性,clientWidth.../clientHeight与offsetWidth/offsetHeight是只读属性style.width的值需要事先定义,否则取到的值为空。

87440

深刻理解width:auto

前言 首先,我们需要清楚width默认值就是auto,所以不用去人为写代码控制其宽度自动哦。...这个最容易出现在table-layout为auto表格中,我们不控制表格单元格宽高的时候,当每一列都放不下的时候,会把文字截断,然而手机号,英文单词,数字等不能断,就可能会导致某些只是文字的列,每个字都换行显示,称min-content...然而有些人还是这样写代码: a{ display:block; width:100%; } 又或者这样的代码,你给导航中的a标签设置间距宽度什么的,其实标签变为块级之后,会自动根据计算拿到属于自己的宽度....nav{ width:240px} .nav-a{ display:block; width:200px; margin:0 10px; padding:9px 10px ;} 格式化宽度 格式化宽度指出现在绝对定位模型中....ao{ width:0; display:inline-block; } .ao:before{ color:#fff; content:'love你love'; outline:2px solid

87040
领券