重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
可以用z-index 来控制 .div1{z-index:10;}.div2{z-index:15;}按照数值的大小,从上往下重叠。 数值小的在下方,数值大的在上方。
成都创新互联专注于企业成都营销网站建设、网站重做改版、瑶海网站定制设计、自适应品牌网站建设、H5技术、商城网站定制开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为瑶海等各大城市提供网站开发制作服务。
可以先在网上查查绝对定位于相对定位。思路是:一个层是相对定位,另一个是绝对定位。绝对定位的z-index值比相对定位的大。
将下面那个固定不动的div使用position: fixed属性,absolute是绝对定位,相对整个页面来说的,fixed是相对于浏览器窗口,可以使某个层固定在浏览器某个地方不动。
在内层设为 absolute 的时候,外层必须设为 relative,否则外层默认为 static。这样外层有滚动条的时候,内层 div 才会随着外层滚动。
1、小时候我们玩积木,一块块积木堆积起来,组成了一个完整的建筑模型,div就是这一块块小积木,用来组成一个完整的网页,浏览器很笨,他只认识人们给他定义好的语法,比如div,当浏览器看到div,就会自己去将div组建成网页。
2、通俗认识div,div作用就是实现布局、实现对内容样式控制、实现各种各样的布局效果。DIV的用法实例,这里通过对div设置不同CSS样式,观察其效果。
3、div 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用 id 或 class 来标记 div,那么该标签的作用会变得更加有效。
4、section用于元素内容被列在文档大纲中。div:div用于设置样式或脚本处理。来源不同 section:section每部分内容形式上是类似的,但是来源是独立的。div:div每部分内容形式上是类似的,来源也是相同的。
从人的视觉上看是一样没错,但从机器搜索引擎的角度看HTML5的figure标签更加语义化,更友好!所谓的语义化就是通过HTML标签就能知道它的用途,比如:footer/footer代表网页的底部。
div:本身没有任何语义,用作布局以及样式化。section:与 div 的无语义相对,简单地说 section 就是带有语义的 div 了,但是千万不要觉得真得这么简单。section 表示一段专题性的内容,一般会带有标题。
html5的section和div用法区别为:对应内容不同、用途不同、来源不同。对应内容不同 section:每个section必须对应内容本身不同的主题。div:div可以对应内容本身相同的主题。
1、总结:div section article ,语义是从无到有,逐渐增强的。div 无任何语义,仅仅用作样式化,对于一段主题性的内容,则就适用 section,而假如这段内容可以脱离上下文,作为完整的独立存在的一段内容,则就适用 article。
2、多个有语义的结构化标签元素。其中section和article这两个标签和div差不多功能,很容易混淆。
3、div表示一个布局容器,本身没有任何语义,用作布局以及样式化或脚本的钩子(hook)。divthis is a div /div section 表示一段专题性的内容,一般会带有标题。