search

Home >Backend Development >PHP Tutorial >How to make a DIV float on top of another DIV, DIV floating DIV_PHP tutorial

How to make a DIV float on top of another DIV, DIV floating DIV_PHP tutorial

WBOY
WBOYOriginal
2016-07-13 16:53:531648browse

How to make a DIV float on top of another DIV, DIV floats DIV

Go to DEMO directly

<span><!</span><span>DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"</span><span>></span>
<span><</span><span>meta </span><span>http-equiv</span><span>="Content-Type"</span><span> content</span><span>="text/html; charset=gb2312"</span> <span>/></span>
<span><</span><span>style </span><span>type</span><span>="text/css"</span><span>></span><span>
<!-- 
.d1 </span><span>{</span><span>
        position</span><span>:</span><span>absolute</span><span>;</span><span>
        top</span><span>:</span><span>20px</span><span>;</span><span>
        left</span><span>:</span><span>20px</span><span>;</span><span>
        width</span><span>:</span><span>200px</span><span>;</span><span>
        height</span><span>:</span><span>200px</span><span>;</span><span>
        background</span><span>:</span><span>red
        </span><span>}</span><span>
.d2 </span><span>{</span><span>
        width</span><span>:</span><span>500px</span><span>;</span><span>
        height</span><span>:</span><span>100px</span><span>;</span><span>
        background</span><span>:</span><span>blue</span><span>;</span>
        <span>}</span><span>

-->
</span><span></</span><span>style</span><span>></span>
<span><</span><span>div </span><span>class</span><span>="d1"</span><span>></</span><span>div</span><span>></span>
<span><</span><span>div </span><span>class</span><span>="d2"</span><span>></</span><span>div</span><span>></span>

www.bkjia.comtruehttp: //www.bkjia.com/PHPjc/1052442.htmlTechArticleHow to make a DIV float on top of another DIV, DIV floats DIV directly to DEMO! DOCTYPE html PUBLIC -/ /W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.d...
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：PHP performs batch operations on tables, such as selecting all, inverting selection, and deleting functions, PHP selects all_PHP tutorialNext article：PHP performs batch operations on tables, such as selecting all, inverting selection, and deleting functions, PHP selects all_PHP tutorial

Related articles

See more