Silence-Lee的博客

文章目录1、父元素display:flex布局下的子元素宽度无效 1、父元素display:flex布局下的子元素宽度无效 因为设置了display: flex; 导致block布局变成了flex布局， 所以在子元素宽度没有被撑破的情况下，子元素宽度是有效的，但是当子元素内容过多，此时宽度会比实际宽度小，所以如果想要在已经设置了flex布局的基础上，再进行子元素宽度的设置，可以应用下面的样式：（在该子元素上设置） min-width: 270px; flex-shrink: 0; ...

float参数值： none : 　对象不浮动 left : 　对象浮在左边 right : 　对象浮在右边 注意浮动的三个性质： 浮动元素脱标，能设置宽高、能做并排； 浮动元素互相贴靠，若有足够的空隙会贴最近的元素上面 浮动元素有字围效果，浮动元素能挡住盒子，但挡不住盒子里面的文字 1、几个大盒子浮动，大盒子下面有多个子盒子，问子盒子是否浮动。答：不浮动，所有关于盒子的、定位的、布局的属...

左右两部分按6:4划分 .main { /*width: 100%;*/ /*height: 100%;*/ width: 100vw; height: 100vh; position: relative; } .main .left { width: 60%; height: 100%; float: left; pos...

1 W3C标准盒模型 content-box width || height = content 内容区域 比如设定元素width = 300px，padding = 20px，border=20px，那么实际的内容区域宽度为content = 300px；整个盒子的宽度为300+20*2+20*2 = 380px，也就是设定额外的padding或border会向外扩张元素的大小； 占的总的位置...