NEWS
建站资讯
浮动是如何起作用的,你需要仔细研究并观察web浏览器是如何渲染HTML/CSS文件的。每个可见的HTML元素都会生成一个用于渲染的盒模型。当你在电脑屏幕或移动电话上浏览该文件的时候,这些盒模型就会在屏幕上渲染出来。当你打印该文件的时候,这些盒模型就会在纸上渲染出来。当你使用屏幕阅读器的时候,这些盒模型的内容就会以听觉的方式渲染出来,就像语音一样。
就像HTML中有块级和内联元素一样,CSS中也有块级和内联盒模型。从定义上讲,块级元素生成块状盒模型,而内联元素生成内联盒模型。除了由页面 元素生成的盒模型之外,还有其它一些生成的盒模型,例如,为文件的文本内容而生成的盒模型。
块状盒模型通常是按照元素在标记中的出现顺序从上到下排列的。 如果不采用CSS的话,区块元素是不能并排显示的。内联盒模型是水平排列的。direction属性决定了它们是从左到右还是从右到左排列(如果不特别指定的话,默认是从左到右排列)。最专业的广州网站设计
浮动一个盒模型就是指将它从文件流中取出并按照指定的浮动方向尽可能地向左或向右移动。“尽可能”一般是指直到浮动元素的外缘接触到包含区块的边界为止(如果有填充距的话,就是到包含区块的填充距内侧)。因此,对于float:left来说,盒模型将向左移动,直到其左边界接触到父盒模型的左沿。
细心的读者可能会注意到我在上面用了“一般”这个词。当我们设置一个盒模型向左浮动时,如果已经有了一个向同样方向浮动的盒模型,后面这个盒模型就会在接触到第一个盒模型之后停止浮动。也就是说,浮动元素不会互相重叠。
本文由广州网站建设公司-三行网络原创,转载请保留版权( 广州网站建设www.3gonet.com )三行网络——专注于企业网站建设、响应式营销型网站定制,欢迎来电咨询!热线:020-85628720、15915767698
上一篇:如何成功进行网络信息发布 下一篇:外贸主要出口哪些国家,网站需要做多少种语言版本?