Html CSS定位的困境
我是CSS新手，在创建网站的同时，我也在学习CSS 我对如何定位元素感到困惑。我想知道是应该使用div来定位元素，还是直接使用标记和ID来定位元素。如果使用标记名和ID，我不必单独使用div来定位元素。我可以同时选择风格和位置 何时使用div，何时不使用divHtml CSS定位的困境,html,css,Html,Css,我是CSS新手，在创建网站的同时，我也在学习CSS 我对如何定位元素感到困惑。我想知道是应该使用div来定位元素，还是直接使用标记和ID来定位元素。如果使用标记名和ID，我不必单独使用div来定位元素。我可以同时选择风格和位置 何时使用div，何时不使用div 实际上，我正试图构建这样的东西：HTML5引入了页眉、页脚、旁白、节、文章标签等，使得div有点过时。在HTML5中，只有当内容无法放入我刚才列出的更新、更合适的标签中时，才应该使用div。为了更好的澄清，请查看此文件 根据卢克·史蒂文斯
实际上，我正试图构建这样的东西：HTML5引入了页眉、页脚、旁白、节、文章标签等，使得div有点过时。在HTML5中，只有当内容无法放入我刚才列出的更新、更合适的标签中时，才应该使用div。为了更好的澄清，请查看此文件
根据卢克·史蒂文斯（Luke Stevens）的优秀著作《关于HTML5的真相》（the Truth on HTML5）我的建议，切换到“章节”、“页眉”、“页脚”、“旁白”等可能会有可访问性问题，因为HTML5并不是所有设备都能识别的，所以要解决这个问题，您可以使用ARIA“角色”。您仍然可以使用div并为布局分配“角色”，但我会采用HTML5方法 这里有一些好的信息
如果我正确理解了你的问题，我觉得你对一些非常基本的概念有误解 基本上，
divdiv<!doctype html>
<html lang="en">
<head></head>
<body>
<div id="uniqueDiv">
<!-- You cannot use the same ID on any element more than once on a page. If you need multiple elements with the same "id", use class instead. -->
<img id="one" src="one.png" />
<img id="two" src="two.png" />
</div>
</body>
</html>
* { margin: 0; padding: 0; outline: 0; border: 0; outline: none; border: none; }
uniqueDiv img {
margin: 10px 0 0 0;
}
#one {
float: left;
}
#two {
float: right;
}
*{边距：0；填充：0；轮廓：0；边框：0；轮廓：无；边框：无；}
唯一的img{
利润率：10px0；
}
#一个{
浮动：左；
}
#两个{
浮动：对；
}
*因此，
uniqueDiv img{}#一个{}