Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.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
Css 如何防止Flexbox项填充父项_Css_Html_Flexbox - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 如何防止Flexbox项填充父项

Css 如何防止Flexbox项填充父项

css html

Css 如何防止Flexbox项填充父项,css,html,flexbox,Css,Html,Flexbox,我有一个简单的DOM结构： <body> <main> <div class='card'> <h1>HEADER<h1> <div> Some dynamic content </div> </div> </main> </body

我有一个简单的DOM结构：

<body>
    <main>
        <div class='card'>
            <h1>HEADER<h1>
            <div>
               Some dynamic content
            </div>
        </div>
    </main>
</body


标题
一些动态内容
正如迈克尔·卢布所说
将
align items:flex start
添加到主标签可以解决此问题


只需将
对齐项目：flex start
添加到flex容器中即可。太好了，这很容易。谢谢