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

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

如何用CSS进行网页布局

全部评论问答未解决精华

margin：0 310px 0 210px比margin：0 300px 0 200px多出来10px为什么会产生空隙

已采纳回答 / echo_kinchao

在某些浏览器下双重外边距产生鬼影黑白间距（我是这样命名的）....

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

2015-10-13

三列布局，定宽后为什么浮动不能使之在一列上

已采纳回答 / Y_du

三列的宽度之和超出其父容器宽度的宽度了

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

2015-10-13

xx463355

清除浮动有两种方法：1.clear:both 2.overflow:hidden

0 5-2 实践题

2015-10-13

xx463355

margin 外边距 1、上右下左 2、上 (右左) 下 3、（上下）（右左）
padding 内边距
三列布局：不能使用float,左右两列绝对定位，分别靠左和靠右，中间列为相对定位。左右margin分别设置为左右两列的宽度即可，如果列与列之间需要间隔，则增加相应的margin值。

0 4-1 三列布局

2015-10-13

xx463355

左右有间距的二列布局
.left{ width:300px; height:600px; background:#ccc;float:left;}/*左浮动样式*/
.right{ width:660px; height:600px; background:#FCC;float:right;
position:relative;left:30px;}/*右浮动样式*/

4 3-3 编程练习

2015-10-13

曦呦

为什么说百分比用的少呢。不是应该自适应的吗。固定的话，屏幕不一样，会出现很糟糕的显示效果的。

26 3-1 二列布局

2015-10-12

在这随遇而安

通俗易懂，讲得很好

0 5-1 混合布局

2015-10-12

我的怎么不行呀

已采纳回答 / donaf

你得先把你的代码贴出来，才能够诊断问题

1 回答 828 浏览 5-1 混合布局

2015-10-11

如果在class="main"的div中是英文，文本不会自动换行。这是为什么呢？

已采纳回答 / echo_kinchao

你可以用CSS规定多少字数换行的也可以用js实现

5 回答 1455 浏览 4-3 编程练习

2015-10-10

qq_一生一刹那_0

.left{ width:200px; height:600px; background:#ccc; positon:absolute; left:0; top:0}
.main{ height:600px; position:absolute;top:0px;left:210px;right:310px;background:#9CF}
.right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}
这个应该也行吧，放到游览器是对的。

0 4-3 编程练习

2015-10-10

WantBephper

前端课程听到这，真的越来越精彩思路越来越清晰了。谢谢老师！

1 5-1 混合布局

2015-10-07

为什么中间的文字会超出范围？

最新回答 / echo_kinchao

因为你对定死了宽度

1 回答 380 浏览 4-1 三列布局

2015-10-07

深情的回眸

.left{ width:200px; height:600px; background:#ccc;position:absolute; left:0; top:0}

.main{ height:600px;margin:0px 310px 0px 210px; background:#9CF}

.right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}

0 4-3 编程练习

2015-10-07

慕容1120150

.top{ height:100px; background:#ccc;}
.main{ height:400px; background:red;}
.left{ width:200px; background:blue;height:400px; position:absolute; left:0; top:100px; }
.right{ height:400px; background:green; margin:0 0 0 210px;}
.foot{height:50px; background:red;}
</style>

0 5-3 编程挑战

2015-10-07

纸上救赎

.top{height:50px; background:#666; margin:0 auto;}
.left{width:200px; height:500px; background:#033; position:absolute; left:auto; top:50px;}
.right{ height:500px; background:#0F3; margin-left:210px;}
.foot{height:50px; margin:0 auto; background:#C93;}

0 5-3 编程挑战

2015-10-07

wen_0015

谢谢老师了，讲得真好。

0 3-1 二列布局

2015-10-06

首页上一页 160 161 162 163 164 165 166 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空