脚本宝典收集整理的这篇文章主要介绍了html左右布局示例代码，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
css：
ht
ML,body{ m
argin:0px; padding:0px; h
eight: 100%; } .headbg{ background: black; color: wh
ITe; height:48px; } .userManagerAll{ height: 100%; width: 100%; } .leftside{ background:
#E6E6E6; float: left; height: 100%; width: 200px; mar
gin: 0px; overflow-y:auto; } .rightside{ background: white; height: 100%; width:100%; align:right; }
html
<div class="head"></div>
<div class="All">
<div class="left side">1</div>
<div class="right side">2</div>
</div>
点击文本框，文字
消失 <input n
ame="textfield" style="color:#CCC;" ty
PE="text" value="点击文字消失" size="12" onclick="value='';focus()" onblur="if(value
=='') value='点击文字消失;"/>
脚本宝典总结
以上是脚本宝典为你收集整理的html左右布局示例代码全部内容，希望文章能够帮你解决html左右布局示例代码所遇到的问题。
如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。