yiyi111

2020年2月26日

摘要：题目：谈谈你对CSS盒模型的认识（盒模型基本概念以及标准模型+IE模型分别来说）标准模型和IE模型的区别：计算高度和宽度的不同。 css如何设置这两种模型： box-sizing:content-box; box-sizing:border-box; js如何设置获取盒模型对应的宽和高：（1）阅读全文

posted @ 2020-02-26 10:52 yiyi111 阅读(609) 评论(0) 推荐(0)

三栏布局——横向

摘要：前端常问的面试题，题目：假设高度一定，请写出三栏布局，左右宽度300px，中间自适应。看到这里我希望你能停下来思考几分钟， 1分钟~2分钟~3分钟~4分钟~5分钟！好了，那么你想出了几种答案呢？下面提供这道题的五种解决方案：首先要写好整个页面的布局（初始化等） <style> html * 阅读全文

posted @ 2020-02-26 10:02 yiyi111 阅读(334) 评论(0) 推荐(0)

两栏布局——纵向

摘要：宽度固定，上栏高度固定，下栏高度自适应。 1.flex布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia 阅读全文

posted @ 2020-02-26 09:51 yiyi111 阅读(253) 评论(0) 推荐(0)

三栏布局——纵向

摘要：上下固定宽度100px；中间部分自适应方案一：绝对定位方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding: 0; margin: 0 阅读全文

posted @ 2020-02-26 09:42 yiyi111 阅读(241) 评论(0) 推荐(0)

两栏布局——横向

摘要：两栏布局(左侧固定宽度，右侧自适应)，在工作中总结了几种方法  <div class="wrap"> <div class="left"> 左侧固定内容 </div> <div class="right"> 右侧内容自适应 </div> </div> 1.使用浮动—fl 阅读全文

posted @ 2020-02-26 09:34 yiyi111 阅读(201) 评论(0) 推荐(0)

公告