Html Div被放在上面的Div中
所以我想把两个div放在一起，代码中下面的一个放在上面的一个，我不知道为什么 HTML:Html Div被放在上面的Div中,html,css,Html,Css,所以我想把两个div放在一起，代码中下面的一个放在上面的一个，我不知道为什么 HTML: <body> <div id="links"> <h1 id="title">Webcam</h1> <?php $dateinamen = 'pictures/Live.jpg'; $timestamp = filemtime($dateinamen);
<body>
<div id="links">
<h1 id="title">Webcam</h1>
<?php
$dateinamen = 'pictures/Live.jpg';
$timestamp = filemtime($dateinamen);
$time = time();
$diff = $time -$timestamp;
// Wenn Bild jünger als 10sec
if ($diff < 10){
echo "<img src='pictures/Live.jpg'";
}
else {
echo "<img src='pictures/oops.jpg'";
}
?>
</div>
<div id="rechts">
<h2>Ping</h2>
<?php
$host1="192.168.1.1";
exec("ping -c 1 -w 1 " . $host1, $output1, $result1);
if ($result1 == 0) {
echo "<h3 id='sw1'style='background-color: green';>Router</h3></br>";
}else {
echo "<h3 id='sw1'style='background-color: red';>Router</h3></br>";
}
?>
</div>
</body>
#links{
float: left;
width: 50%;
}
#rechts{
float: right;
width: 50%;
margin-top: 7%;
}
尝试改用flexbox
#容器{
显示器：flex；
}
#链接{
弹性：1；
背景颜色：蓝色；
高度：500px；
}
#记录{
弹性：1；
背景色：红色；
高度：500px；
}
网络摄像头
发出砰的声响
#容器{
显示器：flex；
}
#链接{
弹性：1；
背景颜色：蓝色；
高度：500px；
}
#记录{
弹性：1；
背景色：红色；
高度：500px；
}
网络摄像头
发出砰的声响
use <img src='pictures/Live.jpg'>
使用
use <img src='pictures/Live.jpg'>
使用
#rechts {
float: right;
width: 50%;
// margin-top: 7%; remove this line
}
尝试通过去除边缘顶部进行检查：7%；组成这个班
#rechts {
float: right;
width: 50%;
// margin-top: 7%; remove this line
}
好像我被迷住了。。。
我刚刚切换了两个div（使用由提出的Flexbox解决方案），它起了作用…似乎我被迷住了。。。
我刚刚切换了两个div（使用由提出的Flexbox解决方案），它工作了…使用float:left；对于两个div，选中此链接使用float:left；对于这两个div，请检查此链接，不需要只发布一句话的完整答案。我已经试过了，这个div仍然被放在“links”div中编辑答案以提供一个基于flexbox的解决方案刚刚试过，它只是把情况像现在一样放在另一个div中。。。我真的不知道它为什么会这样做，代码在同一行，在记事本中，它字面上显示我在打开另一个div之前已经关闭了div。不需要只发布一句话的完整答案。我已经试过了，这个div仍然被放在“links”div中编辑答案以提供一个基于flexbox的解决方案刚刚试过，它只是把情况像现在一样放在另一个div中。。。我真的不知道它为什么会这样做，代码在同一行，在记事本中，它字面上显示了我在打开另一个div之前已经关闭了div。我想，切换顺序可以使它工作，因为Sameeksha Kumari在回答中指出了未关闭的
imgimg