布局和样式变得吃力

布局部分

最近发现自己的Css水平是真的差，总是不敢轻易的使用浮动或者定位，总想在文档流的情况下就把页面的布局写好，导致写一些常见的布局时候就很吃力，到最后还是用定位解决。

前端的样式布局真的是太灵活了，没有标准的写法，像下面这种布局都要写很久

我的思路：

① 左右两侧给浮动

② 左侧内容display:flex；position:relative

③左侧内容拆分为四项：勾选框、头像、文本内容（上下p标签）、时间

④根据元素情况设定位置或者margin

大致思路就是这样，不知道你们看到这种样式之后有什么布局思路，或者有没有标准的布局方式。

总觉得自己写代码标签滥用、样式重复，问题很大。以后还是要多多研究基础，老想着学习框架什么的，基础的东西反而变得吃力

 

今天好累~加油！