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

如何用CSS进行网页布局

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

已采纳回答 / 柒月君
没有,慕课网的事。 是W3C的协议

已采纳回答 / qq_资源持续发展_0
class选择名称错了,css里面两个选择器都是middle1,

已采纳回答 / 慕码人6121104
因为你a1,a2,a3没有设置浮动,所以没有成一行显示,而是自上而下成一列,a2接在a1下面,a3接在a2下面,a1、a2、a3总高度为900px;但是3个元素都在main里面,而main设置的高度是300px,所以main实际高度只有300px,所以foot默认放在main下面的,这样就造成了foot和a2重叠起来了。将代码改成这样就行了:.a1{height:300px;width:20%;background:pink;float:left}.a2{height:300px;width:50%;ba...

已采纳回答 / 苏扬帆
给绿色的div里面添加两个<div class="top"></div>和<div class="bottom"></div>完了给这两个清楚浮动

已采纳回答 / 正常点的名字
代码是没问题的,先确定代码有没有正确吧

已采纳回答 / Me婧
看一下position:relative和position:absolute同时使用时的用法,下面的left,right都是相对于他的父级main定位

已采纳回答 / 橘子树上的橘子酱
main你不用写高度,你往里面填内容就行,高度自己就会被撑开

已采纳回答 / qq_往事如风_17
浏览器默认的排版方式就是文档流(或者叫标准流)排版方式。脱离文档流就是不按照文档流的排版方式。文档流的排版方式是:块级元素垂直排布,行内元素和行内块级水平排布。不脱离就是按照这种方式排版,例如给元素设置浮动或者绝对定位,这就是脱离文档流布局

已采纳回答 / 慕容8429861
楼主可以参考下下面的代码<!DOCTYPE html><html lang="en"><head>   <meta charset="UTF-8">   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <meta http-equiv="X-UA-Compatible" content="ie=edge">   <title>...

已采纳回答 / 慕少8052535
你的.left{}的代码里高度height前面多加了一个点"." 

已采纳回答 / Matt_Wong
<...code...>这句话中你使用了绝对定位,然后给她的左侧边缘定义了210px,但是它没有宽度啊。于是它就使用了默认的宽度也就是内容的宽度。题目要求我们自适应它的宽度。而且right要先加载,所以我能想到的方法只有使用绝对定位定义左右的位置(left:210px;right:0px)使其限定在这个位置中。想必您也想到了,只是使用的方法有些混淆。更改方式<...code...>希望对你能有所帮助。

已采纳回答 / Matt_Wong
1、因位如果不设置会默认left为0,top也是默认为0;2、如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。    参见:https://www.imooc.com/code/2073
首页上一页1234567下一页尾页
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消