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

如何用CSS进行网页布局

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

最新回答 / 走走道儿丢了
直接在div中写p标签就行<div>    <p>test</p></div>如果需要顶格,需要取出body的padding与margin

最新回答 / Happy_learning
绝对定位使元素脱离文档流,因此不占据空间。普通文档流中元素的布局就当绝对定位的元素不存在时一样。因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其他元素。 而浮动元素的定位还是基于正常的文档流,然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。当一个元素从正常文档流中抽出后,仍然在文档流中的其他元素将忽略该元素并填补他原先的空间。它只是改变了文档流的显示,而没有脱离文档流,理解了这一点,就很容易弄明白什么时候用定位,什么时候用浮动了。 一个元素浮动或绝对定位后,它将自动...

最赞回答 / 背着行囊独自流浪
元素与其它元素之间的距离可以使用边界(margin)来设置。边界也是可分为上、右、下、左。如下代码:div{margin:20px 10px 15px 30px;}也可以分开写:div{   margin-top:20px;   margin-right:10px;   margin-bottom:15px;   margin-left:30px;}

最新回答 / 流海侃人
自适应应该用position:absolute来实现。 写上position:absolute之后在写上left:210px   right:10px。这样就规定了right块离<body>左右两侧的距离,无论浏览器窗口怎么动right块都是的左右两侧距离都是一定的。

最新回答 / ZJD_UESTC
没有清楚默认样式。body{margin: 0;padding: 0}

最新回答 / 青灯过往
写在前面就是先加载,任务的意思是不改变html元素排列的情况下完成右侧自适应

最新回答 / 掌仙人
你这个代码实际上不是自适应,仅仅是通过设置margin-left实现宽度的默认设置,left和right两个块都不在一行

最新回答 / ime2016
你的代码好像没有问题啊;下面是我的代码,显示效果正确的,你看看;<...code...>

最新回答 / 小小小呀
下一节讲了,哈哈
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消