-
先后加载顺序反应html文本代码执行顺序查看全部
-
间隙颜色可通过设置main背景色实现； 父级元素 position：relative；子元素设为absolute；然后可使用 相对值%比 布局查看全部
-
这道题可以帮助理解文档流； clear：both（left和right）作用：把footer块内容正确放在float块后面的底部，而不是按文档流串到head之下（main未设置高度）被掩盖。 main没有高度,而left，,right块被设置成了浮动,则main是没有内容的，缩略为无限小的一个点,footer块自然填充上去。查看全部
-
position:absolute;left:0;top:0 position:absolute;right:0;top:0查看全部
-
自适应：不设置宽度 通过百分比或者页面间距来自动调节查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>混合布局编程挑战</title> <style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{height:100px;background:green;margin:0 auto;} .main{height:500px;background:red;margin:0 auto;} .left{width:200px;height:500px;background:blue;position:absolute;left:0;top:100px;} .right{height:500px;background:pink;position:absolute;left:210px;right:0;} .foot{height:100px;background:orange;margin:0 auto;} </style> </head> <body> <div class="top">top</div> <div class="main"> <div class="right">right</div> <div class="left">left</div> </div> <div class="foot">foot</div> </body> </html>查看全部
-
top:100px;要加单位px，默认是？ 否则会到下面去 right不用设置position，只设置margin-left:就可以到右边 foot{clear:both}清除浮动 position和float的区别 position：自适应宽度 float：固定宽度？查看全部
-
自适应？ main{}不指定高度，foot会到top下面 right的宽度是确定的？查看全部
-
position:absolute; left:0; top:0 margin:0 310px 0 210px;查看全部
-
一串数字或者一串字母是被当做一个整体的，所以浏览器默认不会破坏它的完整性所以不会换行，想换行的话需要增加这个属性word-wrap: break-word; position:absolute;绝对定位查看全部
-
.main,.footer{ width:660px; margin:0 auto;}并列布局逗号隔开 报错：Almost standards mode doctype.Expected <!DOCTYPE html>.查看全部
-
body{margin：0；padding：0}清除默认布局 margin：0 auto水平居中查看全部
-
position//绝对定位 ：absolute;left:0;top:0绝对定位左侧查看全部
-
学习！查看全部
-
1、宽度自适应：不设置宽度； 2、样式加载：样式按从上往下排序，写在前面的先加载； 3、兼容ie6：不能用浮动float，只能先设置父元素main为相对定位relative作为参照定位，后设置其子元素(right、left)为绝对定位absolute，并设置其具体位置。 4、如不给right设置外边距margin，则其自适应宽度会与其中的文字同宽； 5、由于left的width为200px，则right的margin-left为210px，因此right与left的间隔为10px； 6、由于right为main的首个子元素，因此默认叠加在main上面，无需设置绝对定位。查看全部
举报
0/150
提交
取消