html左右布局示例代码_HTML/Xhtml_网页制作
程序员文章站
2022-03-18 07:50:45
...
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
点击文本框,文字消失
复制代码
代码如下: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
复制代码
代码如下:1
2
点击文本框,文字消失
复制代码
代码如下:推荐阅读
-
flex内嵌html网页示例代码
-
HTML+CSS+JS实现图片的瀑布流布局的示例代码
-
防止用户将表单重复提交的方法汇总_HTML/Xhtml_网页制作
-
网页设计制作之改进超级链接效果_HTML/Xhtml_网页制作
-
标记语言——图片替换_HTML/Xhtml_网页制作
-
HTML表单标记教程(2):_HTML/Xhtml_网页制作
-
HTML表单标记教程(5):文字域标记_HTML/Xhtml_网页制作
-
看书《DIV+CSS商业案例与网页布局开发精讲》_盒子模型、制作logo和banner_随手笔记_html/css_WEB-ITnose
-
改进网站设计提供的有意的建议_HTML/Xhtml_网页制作
-
超链接图标规范:提升文章的可阅读性_HTML/Xhtml_网页制作