CSS絶対位置決めとフローティングの区別と運用

1987 ワード


すべてを枠に


div、h 1またはp要素は、しばしばブロックレベル要素と呼ばれる.これは、これらの要素が「ブロックボックス」として表示されることを意味します.これに対してspanやstrongなどの要素を「行内要素」と呼びます.これは、その内容が行に表示されるためです.すなわち、「行内ボックス」です.
displayプロパティを使用して、生成されたボックスのタイプを変更できます.これは、displayプロパティをblockに設定することで、意味着要素等行内要素可以像黑暗水平要素一样表现.另外,由于将display设定为none,生成的要素也可以打击.由此,这个盒子和所有的内容都没有显示,无法消费纪录片的空间。但是,如果1个情况下,即使没有明确定义,也可以制作黑暗水平的要素.在这种情况下,将几个标题追加到div等黑暗水平要素的先头。即使把这些标题作为段落而不定义,也作为段落进行处理.<div> some text <p>Some more text.</p> </div> 在这种情况下,因为这个拳击并没有与特别定义的要素相关,所以被称为无名的黑体拳击.在黑暗水平要素的测试行中也发生了同样的情况,有包含3行测试的段落。各行的主题上形成了无名的拳击。因为没有可以适用史标题的地方,所以不能直接适用没有名字的Block和行框(行框和行内框是2个概念).但是,我知道这是在屏幕上看到的所有东西形成了什么框架的作用.CSS位置决定机构CSS有3个基础位置决定机构:一般流、弗罗丁、绝对位置决定.如果没有特别指定的话,所有的拳击将在通常的压力中配置.也就是说,通常站上的要素的位置,根据(X)HTML中的要素的位置来决定.布洛克段框从上到下,框架间的垂直距离从框架的垂直外距离算出.行的内侧框架在1行水平配置.使用水平内侧的余白、框架线、外侧的余白,可以调整这些间隔。但是,垂直的内侧的余白、框线、外侧的余白不会影响行内侧的框线的高度.1行形成的水平框架被称为行框(Line Box),行框的高度是包含在内的全部的行内框子常收容十分.但是,设定行的高さ,可以增加这个拳击的高さ.使用CSS position属性position项目,可以选择与要素拳击产生方法产生影响的4个异なる类型的位置决定.动作属性值的意义:static要素拳击正在生成.布洛克莱贝尔要素是作为杜曼特弗罗的一部分成为长方形的拳击,行内要素是由亲属要素制作1个多以上的行拳击.relative要素拳击将距离放弃.电脑保持未配置的贴子,保持原来的空间。absolute要素拳击已经从纪录片上完全删除,对布洛克包含在内配置.包含的布洛克是纪录片内的另一个要素,还有可能是最初包含的布洛克.电脑占在通常的杜曼特·弗罗的空间,闭锁了电脑不存在.配置电脑的话,布洛克·雷贝尔·博克斯不会生成在通常的屏幕上生成了哪个型的拳击,fixed要素ボックスの表現はabsoluteにpositionを設定するのと似ているが、ブロックはウィンドウ自体である。因为相对的位置决定是,要素的位置与通常的风格内的位置相对的,所以实际上看起来是通常的风格位置决定模特的一部分.浮動とは、浮動する必要のあるブロックが浮動することである、浮動する必要のあるブロックを指し、それぞれはどのブロックが浮動する必要があるのか、それ以外は浮動できないことである.要素使用绝对位置的情况下,其位于布拉乌萨左上隅计算或对亲康特纳计算(使用亲康特纳相对位的情况).绝对的配置,因为将要素从多基础站离开,所以没有占有空间。通常的纪录片内的要素的莱尔特与绝对没有配置的要素相同。绝对配置的盒子,无法与纪录片相关,可以上写其他页面的要素。基于通常的纪录片,由纪录片抽出,可以左或右移动。网站的内容被围绕了自由要素的周围.如果通常的杜曼特·弗罗抽出来的话,杜曼特·弗罗内的其他伊勒曼特被无视,埋盖了原来的空间.只是改变了杜曼特弗罗的表现,理解不离开杜曼特弗罗的话,可以理解使用什么时候的位置决定,使用什么时候的弗罗丁.css弗洛丁浮动框架,包括其他浮动框架在内的框架,由于弗洛丁拳击并没有纪录的通常风格,所以德国通常风格的布洛克拳击不存在弗洛丁拳击斯.关于详细情况,请参照以下.http://www.w3school.com.cn/css/css_positioning_floating.asp