Beispielcode für das linke und rechte HTML-Layout gemeinsam nutzen

Jeder muss mit der Form des linken und rechten Layouts vertraut sein. Ich hoffe, es kann jedem helfen, das Konzept des linken und rechten Layouts besser zu verstehen:

Der Code lautet wie folgt:

html,body{ margin:0px; padding:0px; height: 100%; } .headbg{ background: black; color: white; height:48px; } .userManagerAll{ height: 100%; width: 100%; } .leftside{ background: #E6E6E6; float: left; height: 100%; width: 200px; margin: 0px; overflow-y:auto; } .rightside{ background: white; height: 100%; width:100%; align:right; }

html

Der Code lautet wie folgt:

<p class="head"></p> 
<p class="All"> 
<p class="left side">1</p> 
<p class="right side">2</p> 
</p>

Klicken Sie auf das Textfeld und der Text verschwindet

Der Code lautet wie folgt:

<input name="textfield" style="color:#CCC;" type="text" value="点击文字消失" size="12" onclick="value=&#39;&#39;;focus()" onblur="if(value==&#39;&#39;) value=&#39;点击文字消失;"/>

Das obige ist der detaillierte Inhalt vonBeispielcode für das linke und rechte HTML-Layout gemeinsam nutzen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!