我和我的奇怪的盒子

在上周的一个晚上，我开始了页面之旅。

我现在想起来我当时打算一天写完那个页面，还是觉得过于理想化了，可恶。

比起页面，我更喜欢叫它盒子，盒子有很多的方法可以做出来呈现出来，所以也有很多种方式出现问题。我使用了很多的方式尝试去把页面呈现出来，所以最后出现了很多的不一样的问题，感谢学长教我www

先来总结一下我遇到的问题吧（沉思）

我一开始不能理解为什么我用截图软件截图出来的像素写进代码里面呈现的效果不一样，是因为大家电脑的显示屏不一样大。

在顶部导航栏我遇到了一个问题，就是购物车图片到底要怎么放置，我选择了两种方法，一种是作为盒子的背景图片，另一个是做一个盒子插入图片，而我昨天显然已经开始混乱了，甚至将其变成按钮（悲）。我目前能做的最好的就是限定购物车图片的大小把它放在该放的地方，这和页面里面动态所呈现出来的东西只能说是。。。。毫无关系了。。

绝大多数时候我的盒子里面放的盒子会跑出盒子，我称之为盒子掉了，其实是定位加一半和页面装不下的问题（这是一部分原因）接下来的时间我会找出更多的原因，希望在两周以内把页面写出来（鼠愿）

然后就是到底要把属性加到哪个标签才能达到自己想要的效果，这个是具体情况具体分析了，一定要分析，并且是头脑清醒地分析，我整个人都是混乱的，都试过一遍才可能获得想要的效果，这导致没有获得学习成果，只有体力活的果实，甚至是苦的（悲伤）

大部分时间里，我的图片都是大于效果图的，给盒子设置具体的宽高以后图片还是有95%的可能不在盒子里面出现，学长教我使用了子盒子图片宽高100%的方法，只需要控制父亲盒子的大小和位置就可以达到想要的效果啦（+——+）这是一个没有实在意义的表情

定位误解，我们设置的left后面的像素大小一直都是和网页的最左端的距离，我就只给它们加上了绝对定位，后面没有具体数值，只依靠margin和padding去调整位置，完全不顾页面盒子死活导致它被撑开了。

还有就是离谱事件

这个问题在给图片设置了具体的宽以后就解决了，但是我还是不知道为什么会这样。

但是加了宽以后又到了之前的问题，缩小会变成这样

 （悲伤）