css布局
伊人笑桃花酒
这个作者很懒,什么都没留下…
展开
-
实现三栏布局中间自适应
前两天看到一个面试题,说是让实现三栏布局,中间的自适应,如下图所示: 其实挺简单的,但是换下顺序,有好多人就懵逼了,包括我。。。。这里我总结两种方法来实现: 第一种~定位法:(css代码) *{ margin:0; pading:0; } .container{ width:100%; height:100%; position:re原创 2016-10-19 22:35:03 · 623 阅读 · 1 评论 -
实现三栏布局中间自适应(二)
margin负值法:实现三栏布局中间自适应。废话不说上代码: 此处是css代码 *{ margin:0; padding:0; } .main{原创 2017-03-02 21:43:10 · 454 阅读 · 0 评论 -
两栏布局左侧自适应
牛客网上碰到的一个题,应该是某公司的笔试题吧,题目描述很简单:实现如下布局。。 分析:顶部header与底部footer都很好实现,主要就是中间content部分的自适应。此处用到了之前的一个方法:margin负值法。 下面上图分析: 嗯,接下来就是上代码了,还是很好理解的。 html <header> <div class="logo">logo</div>原创 2017-04-01 09:10:32 · 439 阅读 · 0 评论