网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

既然是绝对定位，宽度也没有设置，难道不会因为其中的文字多少而把这一块撑宽吗

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

3 回答 357 浏览 4-4 使用绝对定位实现横向两列布局

2016-01-07

怎样理解overflow属性

已采纳回答 / 努力提升

<...code...>当我们给box这个div加上overflow:hidden这个属性的时候，其中的content 等等带浮动属性的div的在这个立体的浮动已经被清除了。这就是overflow:hidden这个属性清除浮动的准确含义。当我们...

1 回答 492 浏览

2016-01-06

qq_一二一_0

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

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

2016-01-06

无敌小哥儿

box1不是缩成了一个点，而是一条线

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

2016-01-06

自适应与绝对定位关系

最赞回答 / 七月小麦麦

其实在哪个元素上设置属性没有什么太大的关系，设置absolute的目的只是为了使其脱离文档流（不使用的话元素仍然是块级元素，直观表现就是会使后面的兄弟元素另起一行）。然后搭配magin值使其产生与父元素的间距，最后表现出来的就是自适应（margin值不变）。

2 回答 1025 浏览 4-4 使用绝对定位实现横向两列布局

2016-01-06

yuzhewo

对footer清除浮动可以达到同样的效果？

0 3-5 编程练习

2016-01-06

float:none的作用

已采纳回答 / 李晓健

这个不是清除浮动，只是让当前元素没有了浮动属性，但它并不能清除其他浮动元素对它造成的影响

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

2016-01-06

此课程有两个疑问

最新回答 / 雨落平生

我对第二个问题也有疑问：既然.book{padding:44px 15px 15px }中间一个15px 已经定义了五个图片组成的div整体，左右的内边距都为15px。那为什么得到的结果只是左边距15px而右边空出许多？

2 回答 472 浏览 2-2 盒子模型

2016-01-05

这道题如何用定位的方法做

最新回答 / 烜烜

增加图片上边距试试看，绝对定位脱离文档流了

3 回答 282 浏览 2-2 盒子模型

2016-01-05

*{margin:0;padding:0;}不是不建议用吗？

已采纳回答 / 李晓健

是不建议用的，应该把具体的标签名都列出来，有时别人在写示例时为了方便会直接这么写

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

2016-01-05

清除浮动不成功

最新回答 / 慕移动9181930

你把窗口关了再开一个试试呢我也带着这样的疑问?我在我的谷歌浏览器中，会选中下面的p标签，div标签不会选中

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

2016-01-05

Kitayama

背景图可以在右侧的源码中下载，作为本地文件添加到代码当中，例如：

.book{background:url(/Users/season/Desktop/网页布局基础/case2/images/t_book.gif) no-repeat #eff9f9;}

找不到的也没事，自己知道怎么做就行啦。毕竟学了是自己用，会与不会都骗不过自己的内心啦。

53 2-3 编程练习

2016-01-05

萝卜蛋蛋

清除浮动：
1、被影响元素本身+clear：both/left/right

0 3-3 横向两列布局

2016-01-04

冯光超

课程视频可以下载吗？

1 2-2 盒子模型

2016-01-04

redstonesl

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

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

2016-01-03

横断潇云

绝对定位：不受父元素控制，脱离正常文档流

1 4-3 绝对定位

2016-01-03

首页上一页 209 210 211 212 213 214 215 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

网页布局基础