CSS+DIV布局的测试实例_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS+DIV布局的测试实例_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3160字，纯文字阅读大概需要5分钟。

内容图文

<% @ Page Language="C#" AutoEventWireup="true" CodeFile="SammyDiv.aspx.cs" Inherits="Buying_SammyDiv" %>



< html xmlns ="http://www.w3.org/1999/xhtml" >
< head runat ="server" >
< title > Sammy Test Div </ title >
< style type ="text/css" >
#rtop{}{
margin:0 auto;
height:30%;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background: #CCCC00;
}

#rbottom{}{
margin:0 auto;
height:70%;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background: #CCee00;
}

#left{}{
float:left;
height:100%;
width:50%;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background: #CCCCed;
}

#container{}{
width:600px;
height:300px;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background-color:Green
}

#leftside{}{
width:20%;
height:60%;
float:left;
font-family:Arial;
font-size:x-large;
vertical-align:middle;
text-align:center;
background: gray;
}

#rightside{}{
width:80%;
height:60%;
float:left;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background: #Cdfd00;
}

#foot{}{
height:20%;
clear:both;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background-color:InactiveBorder;
}
#header{}{
height:20%;
clear:both;
vertical-align:middle;
text-align:center;
font-family:Arial;
font-size:x-large;
background-color:Red
}


</ style >
</ head >
< body >
< form id ="formtest" runat ="server" >
< div id ="container" >
< div id ="header" >
header
</ div >
< div id ="midbody" >
< div id ="leftside" >
leftside
</ div >
< div id ="rightside" >
< div id ="rtop" >
right top
</ div >
< div id ="rbottom" >
< div id ="left" >
left
</ div >
< div id ="right" >
right
</ div >
</ div >
</ div >
</ div >
< div id ="foot" >
foot
</ div >
</ div >
</ form >
</ body >
</ html >

内容总结

以上是互联网集市为您收集整理的CSS+DIV布局的测试实例_html/css_WEB-ITnose全部内容，希望文章能够帮你解决CSS+DIV布局的测试实例_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端