原文:父元素设置固定宽度并设置overflow:scroll,如何让子元素撑开父元素

给a设定一个固定宽度,并设定overflow:scroll,使其出现横向滚动条,但文字内容会自动换行,为了不换行,我给c设定white space:nowrap,虽然达到了效果,可以完整显示内容,并出现滚动条,但实际上a和b的宽度并不会完整包裹c 给a和b设定背景色就能看出 ,而是与原先设定的宽度一样。有什么办法让a和b的宽度能正常包裹c呢 原先无法让b完全包裹c,只要给b加上:float: l ...

2017-02-07 10:18 0 2601 推荐指数:

查看详情

元素是row,元素设置overflow:auto不生效

遇到一个问题,想给界面设置最小宽度,小于这个宽度,内容滑动。就设置overflow-x:auto。 总共四个界面,只有一个界面实现了,其他三个界面始终展示了滚动条。对比了一下,发觉这三个界面都用了antd的Row, Col布局。 最后我给Row设置了width:100%,终于ok ...

Sun May 05 18:41:00 CST 2019 0 466
设置flex属性时元素宽度超出元素

设置右边元素flex:1,当右边元素宽度超过元素时,会造成右边宽度溢出。 右边多设置一个width:0或overflow:hiddlen后样式正常。 为什么设置flex: 1可以实现宽度自适应? 这与flex属性的赋值语法有关,CSS属性 flex 规定了弹性元素如何伸长或缩短 ...

Fri Jul 17 18:15:00 CST 2020 1 5954
【css样式】当元素设置属性为position:absolute,元素不能自动撑开

【问题】在做banner设计的时候,包裹图片的div元素设置属性为position:absolute,其外层元素高度为0,导致banner不能正常显示 【原因】position:absolute的元素完全从文档流当中移走,所以他们的尺寸无法影响到元素的尺寸 【解决办法】 设置元素的高度 ...

Thu Mar 12 00:31:00 CST 2020 0 4154
元素设置高度,由元素内容撑开无效果的问题

元素不随元素内容撑开可能是元素设置了浮动,可以通过清除浮动解决这个问题。 清除浮动的方法: 1.在元素上添加overflow:hidden;zoom:1; 2.给元素设置固定的高度 3.在div中在添加一个清除浮动的div<div style=" clear ...

Fri Nov 22 00:02:00 CST 2019 0 934
元素设置overflow,绝对定位的元素会被隐藏或一起滚动

一般情况: 效果: 过长溢出,绝对定位元素相对元素位置设置 如果将overflow设置为hidden 过长部分被隐藏,无法滚动,绝对定位元素也被隐藏 如果将overflow设为scroll或auto 出现滚动条,绝对定位元素的位置将相对于元素 ...

Mon Oct 29 18:50:00 CST 2018 1 2574
设置绝对定位对于元素继承元素的高度的影响

笔者在写网页时,发现一个问题,当一个元素没有设置高度,而全靠元素1撑起高度时,此时元素2就无法继承元素的100%高度,代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta ...

Fri Dec 20 18:35:00 CST 2019 0 1092
css设置元素元素margin值移动

元素的盒子包含一个元素盒子,给元素盒子一个垂直外边距margin-top,元素盒子也会往下走margin-top的值,而元素元素的边距则没有发生变化。 HTML,CSS: 解决方法: 1、修改元素的高度,增加padding-top样式模拟 ...

Mon Feb 15 19:52:00 CST 2016 0 1812
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM