Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用CSS将宽度设置为父宽度_Html_Css - Fatal编程技术网

Html 使用CSS将宽度设置为父宽度

Html 使用CSS将宽度设置为父宽度,html,css,Html,Css,我需要将子设置为与其父相同的宽度。父级的宽度都是可变的,所以我不能将其设置为实心。有没有办法通过CSS实现这一点?以下是我想说的: 它是什么: 它应该是什么: 您是否尝试过宽度:100% <ul> <li> <ul style="width:100%"> </ul> </li> </ul>

我需要将子
设置为与其父
  • 相同的宽度。父级
  • 的宽度都是可变的,所以我不能将其设置为实心。有没有办法通过CSS实现这一点?以下是我想说的:

    它是什么:

    它应该是什么:


    您是否尝试过宽度:100%

    <ul>
     <li>
       <ul style="width:100%">
       </ul>
     </li>
    </ul>
    

    您需要首先定义该UL的盒子型号

    UL元素默认具有边距和填充值。设置UL至余量:0;和填充:0将占据父LI的100%

    ul li {
     ul {
      margin: 0;
      padding: 0;
     }
    }
    

    我只是设置了固定的宽度内联到每个李。不理想,但可用。不过,谢谢你的帮助。

    不知什么原因,这使它成为了孩子李的宽度。怎么做?它是父li的宽度。如果你感觉到整个li没有填充,请注意填充物和边距。你试过宽度:100%?适用的代码在哪里?