美文网首页
关于fieldset无法设定宽度,被子元素撑开的解决方案

关于fieldset无法设定宽度,被子元素撑开的解决方案

作者: 源大侠 | 来源:发表于2023-02-15 16:45 被阅读0次

fieldset在没有内部元素时,是以block方式解析的,即外部100%宽度自适应;

但设置width以后,本应当维持这个宽度了,为何会被撑宽呢?

因为它的min-width属性,在CSS的属性的权重中,min-width > width,

解决方案:改变它的min-width就可以,复写它的值

fieldset { min-width: inherit; }
/*or*/
fieldset { min-width: 100px; }

相关文章

  • 【CSS】fieldset宽度撑开解决方案

    加了min-width:98%后现在正常 因为它的min-width属性,在CSS的属性的权重中,min-widt...

  • 面试题

    浮动元素引起的问题和解决方法? 问题:1.多个浮动元素脱离文档流无法撑开父集元素的宽度,父元素的宽度可能变成02....

  • 【笔记】11.21 前端的兼容性

    1.案例1 问题原因:子级的宽度会撑开父级设置好的宽度 解决方案:将子级的宽度设置小于父级元素的宽度 盒模型一定...

  • 浮动元素引起的问题和解决办法

    一、问题 多个浮动的元素无法撑开父元素的宽度,父元素的高度可能会变成0。 若浮动元素后面跟非浮动元素,非浮动元素会...

  • 父元素塌陷问题及解决方案

    父元素塌陷 父元素在文档流中高度默认是被子元素撑开的,当子元素脱离文档流以后,将无法撑起父元素的高度,也就会导致父...

  • 怎么解决网页中的高度崩塌的问题

    产生原因: 父元素在文档流中高度默认是被子元素撑开的,当子元素脱离文档流以后,将无法撑起父元素的高度,也就会导致父...

  • 关于定位

    因为 BFC 的高度计算包含浮动元素,同时清除浮动元素也会让父元素撑开,所以可以实现父元素被子元素撑开的需求。 但...

  • 垂直居中的方法

    1.正常情况下的垂直居中 适用情况:该父元素的宽度固定,高度随着内部元素增多而撑开,增加子元素内容撑开父元素的高度...

  • 网页标签的学习

    1.

    标签 定义和用法: fieldset 元素可将表单内的相关元素分组。标签将表单...

  • 关于浮动造成的影响

    1、让块元素在一排显示 2、让内联元素支持宽高 3、浮动元素默认由内容撑开宽度 4、脱离文档流(不会撑开父级的高度...

网友评论

      本文标题:关于fieldset无法设定宽度,被子元素撑开的解决方案

      本文链接:https://www.haomeiwen.com/subject/dnhukdtx.html