**已关闭。**此问题需要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;不给药
1条答案
按热度按时间6yjfywim1#
@phill是对的给予#root属性,它会起作用的