gpt4 book ai didi

php - 如何防止在 php html 中包装 div

转载 作者:太空宇宙 更新时间:2023-11-04 04:11:15 24 4
gpt4 key购买 nike

我在尝试制作 php 网页时遇到问题。主 div 内的 2 个 div 不断被包裹。我试图以蓝色步枪手在页面左侧,红色步枪手在页面右侧的方式进行排列,因为用户将比较两个步枪手的统计数据。我不擅长 CSS,但如果它是唯一的解决方案,我会逼迫自己,因为我的脖子已经疼得很厉害,但仍然找不到解决方法。我的目标浏览器只有 FF 和 Chrome。我需要一种方法让 2 在页面上的一行中显示,而不是让第二个 div 在第一个 div 下面。

<?php
$profpic = "darkbg.jpg";
?>

<html>

<style type="text/css">
body {
background-image: url('<?php echo $profpic;?>');
}
</style>

<body>
<img src="headergiflong.gif" style="width:100%;height:30%;"><br>

<div>
<div style="display:inline;width:200;height:300;background-color:blue;">
<select id="comparea">
<option value="rifleman.php">Rifleman</option>
<option value="mortarman.php">Mortarman</option>
<option value="machinegunner.php">Machine Gunner</option>
<option value="javelin.php">Javelin</option>
</select>
<br>
<iframe id="compare1" style="background-color:black; color:white; border:0;" src="rifleman.php" width="45%" height="300"></iframe>
</div>

<br>

<div style="display:inline;width:200;height:300;background-color:red;">
<select id="compareb">
<option value="rifleman.php">Rifleman</option>
<option value="mortarman.php">Mortarman</option>
<option value="machinegunner.php">Machine Gunner</option>
<option value="javelin.php">Javelin</option>
</select>
<br>
<iframe id="compare2" style="background-color:black; color:white; border:0;" src="rifleman.php" width="45%" height="300"></iframe>
</div>
</div>

</body>
</html>

最佳答案

试试这个

<?php
$profpic = "darkbg.jpg";
?>

<html>

<style type="text/css">
body {
background-image: url('<?php echo $profpic;?>');
}
</style>

<body>
<img src="headergiflong.gif" style="width:100%;height:30%;"><br>

<div style="width: 100%; max-width: 960px;">
<div style="width: 50%; float: left; background-color:blue;">
<select id="comparea">
<option value="rifleman.php">Rifleman</option>
<option value="mortarman.php">Mortarman</option>
<option value="machinegunner.php">Machine Gunner</option>
<option value="javelin.php">Javelin</option>
</select>
<br>
<iframe id="compare1" style="background-color:black; color:white; border:0;" src="rifleman.php" width="100%" height="300"></iframe>
</div>

<div style="width: 50%; float: left; background-color:red;">
<select id="compareb">
<option value="rifleman.php">Rifleman</option>
<option value="mortarman.php">Mortarman</option>
<option value="machinegunner.php">Machine Gunner</option>
<option value="javelin.php">Javelin</option>
</select>
<br>
<iframe id="compare2" style="background-color:black; color:white; border:0;" src="rifleman.php" width="100%" height="300"></iframe>
</div>
<div style="clear: both;"></div>
</div>

</body>
</html>

关于php - 如何防止在 php html 中包装 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20630959/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com