CSS浮动怎么做_WEB前端开发

    后端开发 后端开发 10个月前 (12-20) 41次浏览 已收录 0个评论 扫描二维码

    CSS浮动怎么做_WEB前端开发

    浮动的框能够向左或向右挪动,直到它的外边沿遇到包括框或另一个浮动框的边框为止。

    由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。

    CSS 浮动,在 CSS 中,我们经由过程 float 属性完成元素的浮动。 ( 引荐进修:CSS教程 )

    请看下图,当把框 1 向右浮动时,它离开文档流而且向右挪动,直到它的右边沿遇到包括框的右边沿:

    CSS浮动怎么做_WEB前端开发

    再请看下图,当框 1 向左浮动时,它离开文档流而且向左挪动,直到它的左边沿遇到包括框的左边沿。由于它不再处于文档流中,所以它不占有空间,实际上掩盖住了框 2,使框 2 从视图中消逝。

    假如把一切三个框都向左挪动,那末框 1 向左浮动直到遇到包括框,别的两个框向左浮动直到遇到前一个浮动框。

    CSS浮动怎么做_WEB前端开发

    如下图所示,假如包括框太窄,没法包容程度分列的三个浮动元素,那末别的浮动块向下挪动,直到有充足的空间。假如浮动元素的高度差别,那末当它们向下挪动时大概被别的浮动元素“卡住”:

    以上就是CSS浮动怎样做的细致内容,更多请关注ki4网别的相干文章!

    喜欢 (0)
    [1353713598@qq.com]
    分享 (0)
    发表我的评论
    取消评论
    表情 贴图 加粗 删除线 居中 斜体 签到

    Hi,您需要填写昵称和邮箱!

    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址