html5关于div布局的疑问

大哥，你给div定位了，所以，这个定位的div，就不按照顺序排了。<style> .inline_div{display: inline;} </style> <div class="inline_w"> <div id="d1"class="inline_div">ROG STRIX-GTX1080-O8G-GAMING</div> <div id="d2"class="inline_div">产品概述 产品规格 产品图库 评论 服务...

在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。再或者利用css3的flexbox布局，设置父级的display为flex，方向为纵的，然后设置其flex：1；

可以采用浮动布局，当有新的数据到来的时候，后面的数据会自动向后移动。如果要保持高度不变，那么久需要宽度不做限制，这样，在横向的空间内就可以无限延展。你可能会问下面的div怎么保证位置，你可以分层，每个div只在自己的层浮动，这样就不会浮动到其它层，不会移位，当然对于固定的位置，你也可以对...

1、div表示一个布局容器，本身没有任何语义，用作布局以及样式化或脚本的钩子(hook)。<div>this is a div </div> 2、section 表示一段专题性的内容，一般会带有标题。section 应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。一个网站的主页可以分成简介、新闻和联系信息...

块元素的代表标记 div 行内元素的代表标记 span ，行内标记不具备组织结构框架 9）网页布局分为：自然布局，浮动布局， 定位布局 10）当一个元素被定义为浮动显示时，即定义为块状元素。并且该元素就会收缩自身体积为最小状态。所以，应该有个好的习惯即把浮动元素设置高和宽。如果没有设置，则元素会...

设置层级关系需要有position属性，你可以这样设置：div{ position:relative;z-index:99; }

the content property. This element is inline by default.大概的意思：::before创建了一个伪元素(跟伪造类类似，如:hover)，位置在第一个子元素的位置，常用用于通过content属性来设置一些装饰性的内容；这个元素的属性默认是inline的。::after也一样是伪元素，只不过位置是在子节点里面最后一个。

1、善用DIV来布局 当开发一个Web页面时，要考虑第一件事就是区分页面重点。将这些内容用DIV标签包含起来，页面的代码会呈现出整洁、缩进良好的风格。2、将HTML标签和CSS样式表分割开来 好的页面应该将HTML标签和CSS样式表分割开来。这是每一个Web开发者在首次接触Web开发时就应该知道的一条原则。然而，...

水平居中可以用text-align：center；垂直居中应该用magin-top;或者padding-top来设置

<div class="bg"> <video width="1899" autoplay="autoplay" loop="loop"> <source type="video/mp4" src=""/> </video> <div class="fd_gif"><img src="../.gif"/></div> </div> <style> .bg {position: relative;} .fd_gif {position: absolute;z-index:99;top:0;left:0...