css常见布局

作者: xilong | 来源:发表于2018-04-10 17:38 被阅读27次

1、左边固定,右边自动充满容器

左边固定,右边自适应.jpg
<div>
    <div class="div-left"></div>
    <div class="div-right"></div>
</div>
.div-left{
    width: 200px;height: 300px;
    float: left;
    background-color: #00b8ec;
}
.div-right{
    position: relative;
    height: 300px;
    overflow: hidden;       //最重要是这个,触发btc
    background-color: #0bb20c;
}

相关文章

  • css

    css基础css选择器css常见样式1css常见样式2CSS布局上CSS布局下flex布局塔防小游戏flex布局青...

  • CSS布局

    CSS入门(3) CSS的常见布局 CSS常见布局使用display属性(文档流)+position属性(定位)+...

  • CSS布局

    CSS的常见布局 CSS常见布局使用display属性(文档流)+position属性(定位)+float属性(浮...

  • CSS布局

    HTML CSS + DIV实现整体布局必备知识利用HTML和CSS实现常见的布局 单列布局 css 实现竖直居中...

  • css笔记-1/css的学习思路

    CSS 3 核心思想 响应式堆叠上下文常见布局:Float 布局、Flex 布局常见动画:Fullpage、轮播、...

  • CSS经典布局

    CSS经典布局 本文主要对一些常见的CSS布局问题进行总结,涉及三栏布局、负margin、清除浮动、居中布局、Fl...

  • BFC原理和作用

    一、常见布局模式 在讲BFC之前,我们先来看一下常见的CSS三种布局模型: CSS中的三种布局模型:流动模型(Fl...

  • 【CSS】 Index

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局

  • CSS实现三栏布局

    CSS实现三栏布局(5种) 常见的布局方式: float布局、Position定位、table布局、弹性(flex...

  • css常见布局

    左右布局 最常见之一:方法有两种浮动 float和flex; float 使元素浮动脱离文档流具体实现和效果 fl...

网友评论

    本文标题:css常见布局

    本文链接:https://www.haomeiwen.com/subject/qmenhftx.html