发表于： 2018-11-02 16:50:23
1 780
今天完成的事情：（巩固了基础知识，学习了块级元素和行内元素的特征和区别）
明天计划的事情：（完成任务四）
遇到的问题：（
- width宽度设为100%后，再设置margin/padding会超出屏幕
- 解决方案：width值为100%指的是宽度为其父元素宽度，如果父元素本身就是body，那么再设置边距就会超出屏幕。解决方法就是使用
box-sizing: borde-box;再使用padding设置间距（不要使用margin）。如果只是为了自适应，也可以试试不设置宽度，不一定非要把宽度设为100%。 - 在设置边距的时候，想设置divA的边距，但是改的时候divA+divB一起滑动
- 解决方案：把divA设置flex使这个div分为两个元素，一起滑动的原因是因为服务器把这两个div视为同一个元素了，要通过display：flex把他们分开）
收获：（更深入的了解了flex布局，明白了块级元素和行内元素的区别，例如<p>标签和<div>标签可以看成一个块元素，它们是独占一行的，如果想让他们在一行显示必须要添加浮动float，float会使子元素从父级元素中脱离出来，相当于从原来的块级标签变成行级标签，所以他们就可以排列在一行了，而不是单独占据一行）
返回列表
评论