So korrigieren Sie die Position mithilfe von CSS-CSS-Tutorial-php.cn

So korrigieren Sie die Position mithilfe von CSS

墨辰丷

Freigeben： 2018-05-09 17:37:56

Original

1959 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Verwendung von CSS zum Korrigieren der Position vorgestellt. Er ist sehr gut und kann Benutzer leicht mit anderen Informationen versorgen.

Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>层固定位置练习--by 阿会楠</title> 
<style type="text/css"> 
html,body{ 
    overflow:hidden; 
    padding:0; 
    margin:0; 
    width:100%; 
    height:100%; 
} 
#_body{ 
    height:100%; 
    overflow-y:scroll; 
    width:100%; 
    height:100%; 
} 
#adDiv{ 
    position:absolute; 
    z-index:99999; 
    bottom:10px; 
    left:10px; 
    width:200px; 
    height:30px; 
    border:1px solid #8A9ABB; 
    background:#F0F4F7; 
    font:12px tahoma; 
    text-align:center; 
    line-height:30px; 
} 
</style> 
</head> 

<body> 
<div id="adDiv"><a href="http://www.jb51.net/">脚本之家</a></div> 
<div id="_body"> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
<p> </p> 
</div> 
</body> 
</html>

Nach dem Login kopieren

Verwandte Empfehlungen:

vue wartet auf Scroll-Ereignisse und ein Element ist an der Decke montiert oder feststehend. Detaillierte Erklärung der Positionsanzeige

CSS+DIV feste Position, kein Scrollen mit der Bildlaufleiste_html/css_WEB-ITnose

Beim Scrollen der Seite anzeigen/ausblenden Fenster mit fester Position element_html/css_WEB-ITnose

So zeigen Sie den Wert der Datenbank an einer festen Position unter der Seite an

Das obige ist der detaillierte Inhalt vonSo korrigieren Sie die Position mithilfe von CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!