100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > CSS+DIV 实现左右高度自适应【HTML】

CSS+DIV 实现左右高度自适应【HTML】

时间:2022-02-06 22:00:19

相关推荐

CSS+DIV 实现左右高度自适应【HTML】

web前端|html教程

CSS+DIV 实现左右高度自适应

web前端-html教程

android 应用管理源码下载,Ubuntu 卡登录,tomcat异常结束时间,爬虫库介绍,php面向对象测试题,宁乡长沙seo优化多少钱lzw

1 2 3 4

div + css左右高度自适应测试5 6 7

8 9 /*左右高度自适应 Start*/ 10 #Page11 { 12 width:960px; 13 margin:0 auto; 14 overflow:hidden; 15 } 16 #header17 { 18 background:#000; 19 } 20 #PageLeft21 { 22 width:198px; 23 float:left; 24 text-align:left; 25 border:solid 1px #ccc; 26 background-color:#eee; 27 } 28 #PageRight29 { 30 width:748px; 31 float:left; 32 text-align:left; 33 margin-left:10px; 34 border:solid 1px #ccc; 35 } 36 /*easy clearing*/ 37 #Page:after38 { 39 content:[DO NOT LEAVE IT IS NOT REAL]; 40 display:block; 41 height:0; 42 clear:both; 43 visibility:hidden; 44 } 45 #Page46 { 47 display:inline-block; 48 } 49 /*\*/ 50 #Page51 { 52 display:block; 53 } 54 /*end easy clearing*/ 55 /*\*/ 56 #PageLeft, #PageRight57 { 58 padding-bottom:32767px !important; 59 margin-bottom:-32767px !important; 60 } 61 @media all and (min-width: 0px)62 { 63 #PageLeft, #PageRight64 {65 padding-bottom:0 !important; 66 margin-bottom:0 !important; 67 } 68 #PageLeft:before, #PageRight:before69 { 70 content:[DO NOT LEAVE IT IS NOT REAL]; 71 display:block; 72 background:inherit; 73 padding-top:32767px !important; 74 margin-bottom:-32767px !important; 75 height:0; 76 } 77 }78 /*补充底部border*/ 79 div.BottomBorder{ 80 width:960px; 81 margin:0 auto; 82 overflow:hidden; 83 height:1px; 84 clear:both; 85 } 86 div.BottomBorder .LeftBorder{ 87 width:200px; 88 float:left; 89 border-top:solid 1px #ccc; 90 } 91 div.BottomBorder .RightBorder{ 92 width:750px; 93 float:left; 94 margin-left:10px; 95 border-top:solid 1px #ccc; 96 } 97 /*左右高度自适应 End*/ 98 99 100 101 102

103

104 105

test

106

test

107

108

109

test

110

test

111

test

112

test

113

test

114

/

115

test

116

test

117

test

118

test

119

test

120 121

122

123

124

125

126

127

128 129

内部oa源码,vm远程连接ubuntu,tomcat总是停止服务器,Python爬虫付费课程,微信小程序php教程交流,南天seo教程lzw

友t仿站源码,ubuntu如何双屏显示,tomcat7 安全漏洞,弹幕数据爬虫,php入门到精通课程92,密山seo排名lzw

css + div 实现左右div区域高度自动适应

引自:/guolichun/archive//04/25/1171179.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。