网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

小闹

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

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

2015-01-12

stephenchen

这个问题问的非常好

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

2015-01-11

paran

谢谢老师，学到了很多！

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

2015-01-11

我想全部用浮动定位实现，为什么right没有成功？

已采纳回答 / 闹小志

根据你的代码，我找到的问题：你的思路是对的，三个div都设置成浮动是可以实现效果的。问题一：你在类名为right的div上做了清除浮动的操作，也就是，你限制了类名为right的div的左边是不能存在浮动元素的，导致了这个div的串行，也就是到了下一行！问题二：你没有给类名为right的div设置宽度，这样它的宽度是随着内容撑大的。在你的代码中，p标签的长度撑大了div，导致发生串行。解决办法：把clear：left去掉，还有给类名为right的div设置宽度。个人理解，希望对你有帮助~~

1 回答 1173 浏览 5-1 网页布局-编程挑战

2015-01-11

TY_罗

内容将的非常好，超级赞

1 4-2 相对定位

2015-01-11

TY_罗

当父元素缩成一块时候，用Clear:both.不行，用overflow:hidden

1 3-3 横向两列布局

2015-01-11

TY_罗

当元素设置浮动后会对相邻元素造成影响，相邻只是其后面的一个元素，因此必须清楚浮动带来的影响

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

2015-01-11

TY_罗

当元素没有设置宽度，且设置浮动后，宽度岁内容变宽

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

2015-01-11

TY_罗

自动居中与Float Postion冲突

0 2-4 自动居中一列布局

2015-01-11

在控制绝对定位，使用margin-left来向右移动，为什么不用LEFT。两只区别？

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

3 回答 1913 浏览 5-1 网页布局-编程挑战

2015-01-10

蜀山柚子

老师是湖南人咩~

0 3-3 横向两列布局

2015-01-10

XDE

老师口音？比张鑫旭的好多了╭∩╮（︶︿︶）╭∩╮ 不过怎么说呢，自学前辈的，不带商业性质的，还是有用的。

1 2-4 自动居中一列布局

2015-01-09

utopia_one

绝对定位在没有已经定位的父容器的情况下是按照以html也就是浏览器窗口为基准进行偏移的，而并非body

1 4-3 绝对定位

2015-01-09

stono

讲的非常好；做程序这么多年，这块一直没有深入研究；真是解惑呀！

2015-01-09

LOVECLANNAD

@三间大瓦房听着别扭就别听啊你是来听网页布局技巧的还是来听英文的

5 4-2 相对定位

2015-01-08

Andes_Trox

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

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

2015-01-07

首页上一页 304 305 306 307 308 309 310 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空