-
<style> body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ text-align:center; line-height:50px} .top{ height:100px;background:#9CF} .head,.main{ width:960px; margin:0px auto;} .head{ height:100px; background:#F90} .left{ width:220px; height:600px; background:#ccc; float:left;】} .right{ width:740px; height:600px;background:#FCC; float:right} .r_sub_left{ width:540px; height:600px; background:#9C3; float:left} .r_sub_right{ width:200px; height:600px; background:#9FC; float:right;} .footer{ height:50px; background:#9F9; margin:0 auto;} </style> clear:both;/*也可以用这种方法来实现底部的清除浮动*/查看全部
-
<style type="text/css"> body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ line-height:50px} .left{ width:200px; height:600px; background:#ccc;position:abs0lute; float:left; left:0; top:0} .main{ height:600px; margin:0px 210px 0px310px;background:#9CF} .right{ height:600px; width:300px; position:absolute; top:0; float:right; background:#FCC;} </style>查看全部
-
采用绝对定位来设置实现三列布局设计，中间空一点出的话，增加margin属性值便可以实现，一般大型综合网站会经常用到。查看全部
-
body{margin:0px;padding:0px;font-size:12px ;font-weight:bold;} div{text-align:center;lin-height:30px;} main{width:960px;height:600px;margin:0 auto;} left{width:300px;height:600px;background:#ccc;float:left;} right{width:600px;height;600px;background:#cdecec;float:right;}查看全部
-
float/*属性可以改变在盒子模型的位置*/ position/*属性可以把内容定位在盒子模型的任何一个位置*/查看全部
-
*{margin:o;padding:0;}/*控制整页面内容无外边距和内边距*/ body{margin:0px;padding:0px;}/*相对页面主体或者某一部分或某一栏目*/查看全部
-
.main,.footer{ width:960px; margin:0 auto;}查看全部
-
margin: 0 auto自动居中查看全部
-
清除样式：在<head>中加 body{margin:0;padding:0;font-size:50px} 设置块级元素居中时，需要设置div{margin：0 auto；}查看全部
-
1.宽度自适应 100% 2.网业的长度理论上可以无限延长 一般是头部，主体，底部。主体一般再根据需要分栏，一般两栏或者三栏，查看全部
-
利用两边absolute中间margin的方式，实现了中间响应式的三列布局设计。很不错的思路！查看全部
-
楼上的，没有换行是因为你的字母间没有任何空格，导致被认为是一个单词，解决方法是添加"word-break:break-all;"查看全部
-
加油加油加油............查看全部
-
完成任务查看全部
-
如果字体换成英文字母，那么效果就不能达到自适应，这是为什么？查看全部
举报
0/150
提交
取消