以下是我的React代码。我有两个组件: BlackBox和SomeText。我希望BlackBox占据整个屏幕,而SomeText位于其下方。我认为在一行中放置两个div会按顺序渲染(相邻或者一个在另一个下面),但是在这个例子中,BlackBox完全盖住了SomeText。
class BlackBox extends React.Component {
render() {
return (<div id="blackbox"></div>);
}
}
class SomeText extends React.Component {
render() {
return(<div id="sometext">Hello</div>);
}
}
class App extends React.Component {
render() {
return(
<div>
<BlackBox/>
<SomeText/>
</div>
);
}
}
这里是使BlackBox全屏的CSS代码:
#blackbox {
background-color: #00000;
height: 100%;
width: 100%;
left: 0;
top: 0;
position: absolute;
}
为什么黑匣子覆盖了一些文本?
document.getElementsByTagName('div').style.height = "100px";
。 - Tim S.