html左右布局示例代码

ttx9n · 发表于 2013-10-5 16:57:02

左右布局的形式想必大家都熟悉吧，在本文有个不错的示例，希望可以帮助大家更好的了解左右布局的概念 css：

复制代码代码如下:
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

复制代码代码如下:
<div class="head"></div>
<div class="All">
<div class="left side">1</div>
<div class="right side">2</div>
</div>

点击文本框，文字消失

复制代码代码如下:
<input name="textfield" style="color:#CCC;" type="text" value="点击文字消失" size="12" onclick="value='';focus()" onblur="if(value=='') value='点击文字消失;"/>

w18pvaep · 发表于 2022-8-30 09:47:06

啦啦啦啦啦啦啦啦！

dingzhi521 · 发表于 2022-11-12 22:44:56

哦哦哦ijhhsdj

jasonlong · 发表于 2022-12-8 11:46:39

啦啦啦啦啦啦啦啦！

7jbiiz · 发表于 2023-2-7 07:03:35

好人好人好人好人

gyalp · 发表于 2023-8-7 04:05:51

hi哦和烦恼农家女

a971560 · 发表于 2023-9-1 14:15:31

这个源码还可以

thywok · 发表于 2023-9-1 17:09:51

刷屏刷屏刷屏

vir5051 · 发表于 2024-3-10 05:33:28

谢谢小Y分享

回复用户5 · 发表于 2024-4-15 19:52:48

数据库了多久撒快乐的健身卡啦

账号		自动登录	找回密码
密码			立即注册

[HTML/Xhtml] html左右布局示例代码

相关帖子