search

huming0618 / learn-the-html-css

Re-learning the HTML & CSS
0 stars 0 forks source link

3列布局 #3

Open huming0618 opened 7 years ago

huming0618 commented 7 years ago

实现３列布局

huming0618 commented 7 years ago

两边固定宽度，中间灵活宽度

实现　https://github.com/huming0618/learn-the-html-css/commit/02d6b1ca695666e007c64f7f974615697c74352d

    .middle {
        width: calc(100vw - 200px);
        background-color: red;
    }

利用vw单位进行计算, 布局上３个div都使用float:left