如何修复字段集宽度答案

【问题标题】：How to fix fieldset width如何修复字段集宽度
【发布时间】：2018-07-16 11:49:01
【问题描述】：

我有一个带有<a> 标签的字段集作为孩子。当我调整孩子的大小时，即使我设置了宽度属性，字段集的宽度也会发生变化。但是，高度没有变化。我想知道如何设置固定宽度。

fieldset {
        float: right;
        margin-top: 40px;
        display: inline-block;
        vertical-align: top;
        height: 80px;
        width: 70px;
        text-align: center;
        overflow: hidden;
        border: 1px solid rgb(226, 226, 226);
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 0px, rgba(0, 0, 0, 0.15) 0px 4px 15px 0px;
}


a {
      background-color: red;
      border-color: rgb(212, 214, 216);
      border-width: 20px;
      box-shadow: rgb(212, 214, 216) 0.5px 0.5px 1px 0px;
      width: 50px;
}

.fa {
    padding: 5px;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    margin-left: 2px;
    transition: 0.3s;
    background: white;
    color: #303030;
    border: 10px solid red;
    border-radius: 5px;
    box-shadow: 0.5px 0.5px 0.5px 0px #d4d6d8;
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<fieldset>
    <legend>Preview</legend>
    <a class="Preview"></a>	
</fieldset>

【问题讨论】：

请提供完整的sn-p，包括HTML
你在改变a的宽度吗？如果是这样，那么什么都没有发生（至少对我而言），因为它是一个内联元素，没有宽度和高度等属性。
我做了一个小提琴。 jsfiddle.net/frya5j2x/7
请在问题本身中包含您小提琴中的所有相关代码。请不要让人们去另一个网站只是为了回答你的问题。另外，你的问题不是很清楚。您已经在 CSS 中设置了固定宽度。
a 是不接受width 的内联元素。

标签： css fieldset

【解决方案1】：

我找到了解决办法。

基本上，我将<a> 放入<div> 并赋予<div> 与字段集相同的高度和宽度，然后如果我更改字段集的大小不会增加<div> 中的任何内容的大小

【讨论】：