gpt4 book ai didi

html - CSS float 和 HTML 问题

转载 作者:太空宇宙 更新时间:2023-11-04 14:49:17 25 4
gpt4 key购买 nike

我有一些关于基本 CSS 的问题,但我无法理解或找不到答案。

首先,我尝试将 3 个 div 标签放在另一个 div 标签中。包含其他 3 个标签的第一个主 div 标签除了尺寸外没有任何设置,即 400px by 400px。里面另外3个div,都是20px by 20px,其中1个被赋值为float:left,另外两个被赋值为style那是 float 的。所有属性都在一个样式中定义,并且为 float:right 的两个 div 分配了相同的样式。我的问题是,在 2 个 div 中,代码中最后出现的那个会首先出现在浏览器中,我不明白其中的原因。

代码如下:

<html>
<head>
<style>
#main{
border: red 4px dashed;
width: 25%
height: 25%,
}
#left{
float: left;
width: 20px;
height: 20px,
}
#right{
float: right;
width: 20px;
height: 20px,
}
</style>
</head>
<body>
<div id="main">
<div id="left">1</div>
<div id="right">2</div>
<div id="right">3</div>
</div>
</body>
</head>
</html>

最佳答案

My problem is that out of the 2 divs, the one that came last in the code, would appear first in a browser, and I did not understand the reasoning for this.

我认为您误解了“首先出现”。您将您的 div 设置为向右浮动。所以“2”div,它在你的代码中是第一个,是第一个向右浮动的,所以它首先到右边。然后 float “3”div,所以我转到“2”div 的左侧 - 因为“2”在前面,所以它在浏览器窗口的右侧排在第一位,而 div“3”排在第二位放在窗口的右侧。

在这种情况下,“窗口右侧第二个位置”意味着“第一个,从左侧看”;-)

关于html - CSS float 和 HTML 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/295611/

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