为了账号安全,请及时绑定邮箱和手机立即绑定

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰

最新回答 / 血海无涯
<style type="text/css">body{ margin:0; padding:0; font-size:30px; color:#fff}.top{width:600px; height:100px; margin:0 auto; background:#8f8f8f;}.main{width:600px; height:400px; margin:0 auto; background:red;}.left{width:200px; height:400px; float:le...

最新回答 / 慕移动9181930
补充一点,这个是针对文本,修改选中文背景色和文本颜色。我自认js基础已经很好了,看着还是很窝心。

最新回答 / 慕粉2035072466
首先,你设置了 .left 和 .right 浮动(float),它们脱离了文档流,可以想象为悬浮在一个页面,和下面的.main 不在一个层面上。至于.main你设置了witdh: 800px;margin:0 auto;,它实际上是居中了,只是 ....

最新回答 / qq_再往前走几步_03281144
前面学的不扎实啊,间隙的参考元素是本身元素的前辈元素

最新回答 / 人非草木
你确定图2效果中的源代码是图1吗??我原封不动的抄写了你的代码,包括你.left里的top;0这个错误也一样,但是也没达到你图2中的效果,right根本没有占满main的右边部分,你.right中设置position:absolute后,.right脱离文档流成为行内块级元素,默认宽度是文档宽度(也就是跟right这个词一样宽),而你又没有给right设置宽度,所以应该就是占不满main的,所以你的源代码不一样怎么分析啊。。。。。

最新回答 / 别惹IT男
article{    float: right;    margin-top: 58px;margin-right: 17px;    width: 72.7083333%;    background-color: #ff2f4f;}这里

最赞回答 / qq_红色羽毛_03923633
因为中间的宽度根据内容决定,如果总宽度超出一定范围不会浮动会撑下来

最新回答 / stone310
宽改成百分比<...code...>

最赞回答 / 握不住沙儿随风去
你这个代码我在浏览器里面看很正确啊,right 有显示为红色。

最赞回答 / 慕粉3724715
<div class ="main"><div class ="left"></div><div class="right"></div></div>是这样,要包起来的
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消