css Flex增长不工作,它说父div需要Flex,但它有它,但不工作,如何修复,链接到其他人我尝试过?[关闭]

mm9b1k5b  于 2023-01-14  发布在  其他
关注(0)|答案(1)|浏览(85)

**已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
昨天关门了。
Improve this question
在inspect元素中,当我只设置宽度时,它说最小高度不起作用,当我设置flex grow时,它说flex需要在父元素上,当应用于所有元素时,它不做任何事情。
我正在使用react
CSS

html{
    height: 100%;
    min-width: 100%;
    display: flex;
}

body{
    margin: 0;
    padding: 0;
    min-width: 100%;
    min-height: 100%;
    background-color: rgb(0, 0, 0);
    color: white;
    display: flex;
    flex-grow: 1;
}

#body-container-main{
    background-color: aqua;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-grow: 1;
}

分量

import { useState } from 'react'
import {Router as Router ,Route ,Switch} from 'react-router-dom'
import './app.css'

function App() {
  return (
    <div id='body-container-main'></div>
  )
}

export default App

这是dom

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './mainApp/App'

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
)

我想与ID的div跨越整个页面。Flex page-layout not working in IE11 - flex grow not playing nice我有宽度100%
Same width containers with flex-grow not working弹性基础:0;不给药

6yjfywim

6yjfywim1#

@phill是对的给予#root属性,它会起作用的

相关问题