网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

老夫不姓老0

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

1 2-2 盒子模型

2016-01-11

为什么给left设置float:left;right块没有上来呢？

最新回答 / 前端小鸟

并不是没有上来，而是被遮盖住了。你看不到而已。你把right的width设置成比left大一些可以看到其实它是被浮动元素遮住了。所以把right设置一个浮动就上来了。http://blog.sina.com.cn/s/blog_5f90da9b01016cmo.html把这篇文章好好看看就明白了。

3 回答 1749 浏览 3-3 横向两列布局

2016-01-11

overflow:hideen为什么可以清除浮动呢？深层次的原因是什么

+ 我来回答回答最高可+2积分

3 回答 1288 浏览 3-5 编程练习

2016-01-10

为什么width:100%;overflow:hidden;就会清除浮动overflow不是溢出隐藏吗?

最新回答 / echo_kinchao

会把自己的本体撑开然后去掉超过自己本身范围的元素

2 回答 988 浏览 3-2 清除浮动的常用方法

2016-01-10

无敌小哥儿

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

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

2016-01-10

width:100%:overflow:hidden; 清除浮动

最新回答 / 慕慕2042493

改成float：left；width100%；应该就是定义了mainbady的排列方式，所以应该是可以的

2 回答 604 浏览 3-5 编程练习

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

ID选择器

最新回答 / 慕慕2042493

ID选择器只能用一次的概念我的理解是：对选择元素做一次样式定义，但是对于不同的元素，每种元素都可以但是只能使用一次

4 回答 225 浏览 2-4 自动居中一列布局

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

winner2016

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

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

2016-01-09

首页上一页 207 208 209 210 211 212 213 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空