如何用CSS进行网页布局_技术问答

首页免费课如何用CSS进行网页布局问答

如何用CSS进行网页布局

全部评论问答未解决精华

混和布局自适应宽度怎么设置？

已采纳回答 / stone310

relative是相对定位，占空间，absolute绝对定位，不占空间；right块宽度问题发下代码

4 回答 996 浏览 5-3 编程挑战

2016-11-23

CSS布局margin相关

最赞回答 / lsnFor

margin并不是相对于窗口，而是相对于自身，举个栗子榴莲，外面的刺可以理解为margin（外边距），皮的厚度可以理解为padding（内填充/内边距）第一个盒子head-高度100px第二个盒子main（浮动）-高度600px第三个盒子footer，margin-top:600px;（相当于自身的刺为600px，拉开了与第一个盒子的距离）

2 回答 544 浏览 5-2 实践题

2016-11-23

奈何南柯一梦

.top{width:100%; height:50px;background:#cccccc;}
.main{width:100%; height:300px;background:red;}
.left{width:200px;height:300px;background:blue;position:absolute;}
.right{left:210px;width:100%;height:300px;background:#9acc99;position:absolute;}
.foot{width:100%; height:50px;background:#ee6634;}

1 5-3 编程挑战

2016-11-23

qq_独家记忆_25

。。。。。

2016-11-23

怎麽做才能先加载左边后加载右边

已采纳回答 / 天生我才必有用哈

标签加上float属性后，会脱离文档流显示在文档流的上面，就是后加载

2 回答 586 浏览 5-3 编程挑战

2016-11-22

久处不厌i

讲真，耳机福利

0 5-1 混合布局

2016-11-22

WilliamsZhang

.main{ height:600px; background-color:red; margin:0 auto; position:relative; }
.left{ width:200px; height:600px; background-color:blue; position:absolute; }
.right{height:600px;right:0;left:210px;background-color:green;position:absolute;}

由于浏览器从上往下读取html，所以"right"先于"left"加载。

0 5-3 编程挑战

2016-11-22

qq_森呼吸_0

讲的真的很不错

0 5-1 混合布局

2016-11-21

慕粉3871729

.main{width:800px; margin:0 auto; background:red; position:relative;}
.left{width:30%; height:700px; background:blue; position:absolute; float:left;}
.right{width:65%; height:700px; background:green;position:absolute; right:0;}
.foot{width:800px; height:150px; background:yellow; margin:0 auto;}

0 5-3 编程挑战

2016-11-21

这个怎么做的一个文本输入框，框里边还有初始文字

最新回答 / Ecin

<form method="post" action="save.php"><img src="图片地址"><textarea cols="50" rows="10">在这里输入你说的初始值</textarea></form>form是HTML表单是网站和用户之间交互用的

3 回答 1115 浏览 4-1 三列布局

2016-11-21

为什么字母a没有自动换行，而是顶出右边了

已采纳回答 / 拴栓

这样一串连续的字符会被创建为一个无名块框，如果中间没有空格，默认不会换行，可以改变换行机制，对middle设置word-wrap: break-word; 让其强制换行，即使没有空格也换行，一般连续的一串字符是一个单词(word)，所以是break-word；也可以设置overflow:hidden或者overflow：auto，这样会自动隐藏溢出的内容或者出现滚动条；

2 回答 1001 浏览 4-1 三列布局

2016-11-21

qq_远心_03762245

.top{background:green;height:50px;width:100%;}
.main{height:500px;width:100%;background:red;position:relative;}
.left{width:29%;height:100%;float:left;background:blue;}
.right{width:70%;height:500px;position:absolute;background:black;right:0px;}
.foot{background:orange;height:30px;width:100%;}

0 5-3 编程挑战

2016-11-21

慕粉3849526

开头声音吵死了

0 1-1 内容简介

2016-11-20

qq_Tom爱Jerry_04335378

老师说话带口音，说到底是哪里人？

0 5-1 混合布局

2016-11-20

岚京

讲得很不错

0 5-1 混合布局

2016-11-20

再去西藏

.top{height:100px;background:#ccc;}
.main{height:600px;background:red;position:relative;}
.left{width:200px;background:blue;height:600px;position:absolute; top:0;left:0;}
.right{background:green;height:600px;margin:0 0 0 210px;}
.foot{height:100px;background:yellow;}

0 5-3 编程挑战

2016-11-19

首页上一页 55 56 57 58 59 60 61 下一页尾页

该课程已下架

课程须知: 1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验

老师告诉你能学到什么？: 1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码，参与3人拼团

热搜

最近搜索清空