网页布局基础_技术问答

首页免费课网页布局基础问答

网页布局基础

全部评论问答未解决精华

phpd

clear 清除浮动

2016-01-12

慕设计7793120

#wrap{width:970px; margin:0 auto;}
#mainbody{ margin-top:15px;}
#left{ float: left; width:110px; }
#mid{float: left; width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:777px; width:193px; border:1px solid #999;}

0 5-1 网页布局-编程挑战

2016-01-12

Xianxin

#wrap{width:970px; margin:0 atuo;}
#mainbody{width:100%; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{float:left;width:190px;margin-left:13px;border:1px solid #999;}

0 5-1 网页布局-编程挑战

2016-01-12

阳光下的空气

#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}

0 5-1 网页布局-编程挑战

2016-01-11

mm小鱼酱

开头的音乐吓死人，就不能弄个温和一点的么

1 1-1 网页布局-课程简介

2016-01-11

老夫不姓老0

老师辛苦了，真的挺有用的

1 2-2 盒子模型

2016-01-11

无敌小哥儿

好好看题啊。。。第二问用浮动。

0 5-1 网页布局-编程挑战

2016-01-10

tkby

横向两列布局
使用absolute事项横向两列布局，常用于固定宽度，另一列宽度自适应的情况
relative：父元素相对定位
absolute：自适应宽度元素绝对定位
固定宽度的高度>自适应宽度的列

0 4-4 使用绝对定位实现横向两列布局

2016-01-10

tkby

position属性：1静态定位2相对定位3绝对定位
属性值：static，relative，absolute，fixed
absolute和fixed都属于绝对定位

0 4-1 绝对定位布局简介

2016-01-10

tkby

横向两列布局：
float属性-使纵向排列的块级元素，横向排列
margin属性-设置两列之间的间距
当父包含块所成一条的时候，使用clear：both方法清除浮动无效，它一般用于临近后面的元素清除浮动

0 3-3 横向两列布局

2016-01-09

丑奴儿

不是说好的是width是定值么？80%是定值？还是760px是定值？？？新手不太明白。。。。

0 2-6 练习题

2016-01-09

iamjessie

这里的box1没有设置宽度，但是设置了高度，当这个容器里面没有内容，设置float会使它缩成一条竖线！

2 3-1 浮动布局简介及float属性

2016-01-09

tkby

紧邻在后面的元素收到影响，必须清除浮动

0 3-1 浮动布局简介及float属性

2016-01-09

tkby

第二种定位机制：浮动布局
横向多列布局：通过float属性实现，left，right，none
特点：元素会左移，右移，直至碰触到容器位置，仍然处于标准文档流；
当元素设置浮动元素之后，会对相邻的元素产生影响，相邻的元素指的是紧邻在后面的元素

0 3-1 浮动布局简介及float属性

2016-01-09

乱城记

4分20秒同样代码却无法显示视频中的效果
请问下是哪里出错了，完全按照视频中的代码来设置，却显示不了蓝条，在div里添加文字后可以显示具体代码如下：（我知道是未设置高度和内容才无法显示但是视频里也没有）
#wrap{background:blue;margin:0 auto;width:960px;}
<div id="wrap">

1 3-3 横向两列布局

2016-01-09

首页上一页 154 155 156 157 158 159 160 下一页尾页

该课程已下架

课程须知: 1.一定要对HTML+CSS相关标签有所掌握；2.对网页布局知识有简单的了解

老师告诉你能学到什么？: 1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局；2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码，参与3人拼团

热搜

最近搜索清空

网页布局基础