-
水平居中: margin:0,auto查看全部
-
1.第一种方式:给父元素设置overflow:hidden,内容溢出隐藏,将子元素拽回文档流,达到清除浮动效果。 2.第二种方式:浮动元素后面的div,设置清除浮动。 3.第三种方式:伪元素::after->box元素之后添加 ""内容(无内容),块级元素,设置清除浮动 .box::after{content:""; display:block; clear:both;}查看全部
-
三列布局 1.左右两列可使用绝对定位position:absolute; 2.中间一列可使用自适应,margin的取值于左右两列的宽度相等或略大有间隙查看全部
-
浮动与绝对定位position:absolute; 固定定位position:fixed会脱离文档流查看全部
-
1.使用百分比自适应 2.用float属性使div靠左或靠右查看全部
-
宽度设置为%可以让宽度自适应查看全部
-
宽度设置为%可以让宽度自适应查看全部
-
一列布局 1.一般用于网站首页,页面比较简单 2.因为只有一列,网页宽度较宽,所以一般不会插入多行文字,否则会比较容易串行。只有简单的图片文字超链接。 3.头部 class=“header”主体=“main”底部=“footer” 4.清除内外边距:margin:0;padding:0; 5.div水平居中:margin:0 auto;查看全部
-
网页布局 一.特点 1.可以根据浏览器窗口自适应 2.理论上可以无限下拉延长 二.一般网页分头部,主体,尾部三部分 三,分栏 即分列 包括一列布局,二列布局,三列布局,混合布局,混合布局用的最多查看全部
-
任务3:加载优先级别,如何设定?任务4:兼容性问题,可悲的ie。查看全部
-
margin:0 0 0 210px;可以改为left:210px;查看全部
-
.top{width:100%; height:50px;background:gray;} .main{width:100%; height:300px;background:red;} .left{width:200px;height:300px;background:blue;position:absolute;} .right{margin-left:210px;width:100%;height:300px;background:green;position:absolute;} .foot{width:100%; height:50px;background:#369;}查看全部
-
用定位加margin来实现宽度自适应。查看全部
-
上面的代码没有给main设置高度,而main里的内容又设置成了浮动,所以footer会跑到head的下面。 解决方法有两个:1.清除浮动, clear:both; 2.为main设置高度查看全部
-
左浮动样式float:left 右浮动样式float:right查看全部
举报
0/150
提交
取消