原因：在模拟大众点评时，发现图片布局错乱，图片无法到达我理想中的位置。问了组长，知道问题可能是关于块元素和行内元素；行内元素：定义：只占据其对应标签的边框所包含的空间。只能容纳文本或其他内联元素元素。代码：作用：块级元素：定义：占据其父元素（容器）的整个空间，从而创建一个“块”。通常浏览器在块级元素之前和之后开始一个新行。可以容纳其他块元素或行内元素。代码：作用：区别：块状元素内联元素总是换行开始，其他元素在一行中可以容纳其他块状元素或者内联元素只能容纳文本或其他内联元素高度、行高和上下外边距的距离可以控制高度，行高和上下外边距不能改变注意：块元素的默认宽度是其容器的100%，除非设置了宽度。块级元素与行内元素的转换：1.display块级元素默认为display:block；inline非置换元素（a,span）默认display:inline；内联替换元素（输入）默认为display:inline-block；显示：无；不显示该元素，也不保留它原来占据的文档流位置。显示：块；转换为块级元素。显示：内联；转换为内联元素。显示：内联块；转换为内联块级元素。2.float内联元素设置为float:left/right后，内联元素的display属性会被赋予块值，具有浮动特性。内联元素之间莫名其妙的空白被移除。3.position定位内联元素时，position:absolute和position:fixed都会使原内联元素成为块级元素。总结：1、遇到问题可以先尝试30分钟左右。如果还是不行，那你一定要请教别人，因为我将近40分钟没解决的问题，一会儿就被前辈解决了。但是遇到问题不要问，一定要先思考，否则即使问了也记不深，还会浪费两个人的时间。2、做事要规范。3、最重要的是要学会表达问题。版权声明本文版权所有，版权归河北工业大学梦云知软件开发团队所有。未经团队和作者事先书面同意，您不得将文字内容用于商业用途或以任何方式通过信息网络传播文字内容。作者：李有雪
