已采纳回答 / 慕码人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...
2019-03-14
已采纳回答 / qq_往事如风_17
浏览器默认的排版方式就是文档流(或者叫标准流)排版方式。脱离文档流就是不按照文档流的排版方式。文档流的排版方式是:块级元素垂直排布,行内元素和行内块级水平排布。不脱离就是按照这种方式排版,例如给元素设置浮动或者绝对定位,这就是脱离文档流布局
2018-08-07
已采纳回答 / 慕容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>...
2018-07-18
已采纳回答 / Matt_Wong
<...code...>这句话中你使用了绝对定位,然后给她的左侧边缘定义了210px,但是它没有宽度啊。于是它就使用了默认的宽度也就是内容的宽度。题目要求我们自适应它的宽度。而且right要先加载,所以我能想到的方法只有使用绝对定位定义左右的位置(left:210px;right:0px)使其限定在这个位置中。想必您也想到了,只是使用的方法有些混淆。更改方式<...code...>希望对你能有所帮助。
2018-06-14
已采纳回答 / Matt_Wong
1、因位如果不设置会默认left为0,top也是默认为0;2、如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。 参见:https://www.imooc.com/code/2073
2018-06-11