-
基础概念查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:100%;height:100px;background:#d0d0d0;} .main{height:400px;width:100%;background:red;position:relative;} .right{height:400px;margin:0px 0px 0px 210px;background:#00e3e3;} .left{height:400px;width:200px;background:blue;position:absolute;left:0;top:0;} .foot{width:100%;height:100px;background:#f75000;} </style>查看全部
-
布局又称版式布局，是网页设计师将有限的视觉元素进行有机的排列组合，是理性的思维个性化地表现出来，是一种具有个人思维和艺术特色的传达方式,传达信息的同时也产生感观上的美感．查看全部
-
清除浮动： clear:both;查看全部
-
如果要让某个样式的优先级变高，可以使用!important来指定查看全部
-
给main设置高度，也能实现效果查看全部
-
三列布局设置中间列自适应宽度： 左右设置绝对定位，中间不设置宽度，设置左右margin查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
中间的不要设置宽度，让它自适应。这样还可以随着窗口的变化而变化。查看全部
-
利用给left及right进行浮动！ <style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{ height:100px; background-color:#0F0;} .main{ width:100%; height:300px; background-color:#999;} .left{ width:200px; height:300px; background-color:#306; float:left;} .right{width:100%; height:300px; background-color:red; float:right; position:absolute; left:210px; top:100px; } .foot{ height:100px; background-color:#9FF;} </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>查看全部
-
http://t.cn/RUDeImC查看全部
-
绝对定位：position：absolute; left:0;top:0; right:0;查看全部
-
任务3：要求右侧（right）先加载，左侧（left）后加载? HTML代码是从上至下逐行解析加载。那么右边先加载意识就是页面右边显示的内容的代码要写在左边显示部分的代码的上面。就是right在left上面查看全部
-
清除浮动： clear:both;查看全部
举报
0/150
提交
取消