请老师帮忙看下这个排版问题

来源:2-10 作业题

Elisa呀

2019-06-02 21:08:46

提取码:pmur 

文件在上边的链接里,没法上传,我放到网盘了。
请老师帮忙看下,

1、关于<div class="about-mid-r">这个部分,我不给div加边框的时候,这个div就可以在图片右边显示(图二),加上边框之后,这部分内容就跑到图片下边去了(图一),请老师帮看下是怎么回事呀?

2、关于<div class="about-bot">这部分,我明明设置了宽度是100%,给里边的每个div设置了宽度25%,但是排版还是特别乱,没有办法4个一平铺,而且我给img设置了宽度和高度,为什么只对第一张图片有效。(如图三、四)

http://img.mukewang.com/climg/5cf3c8820001f24c10880579.jpg

http://img.mukewang.com/climg/5cf3c8960001e31911620410.jpg

http://img.mukewang.com/climg/5cf3ca0b0001f9c213550627.jpg

http://img.mukewang.com/climg/5cf3ca0b000191c613470624.jpg


写回答

4回答

Tiny丶

2019-06-05

1.你可以给大的div加上相对定位,然后那两个小方块加上绝对定位
2.你是不是没有加左浮动呢?

0

好帮手慕慕子

2019-06-03

同学你好, 建议:

1、 可以直接在问答区将你的CSS和HTML文件中的代码粘贴过来, 便于老师高效的为你解决问题

2、 可以在先做其他部分, 作业完成后,将你的文件夹打包压缩, 在作业区域提交作业, 会有批复作业的老师为你做详细的指导

因为同学在问答区提问的时候, 将代码上传到网盘, 这样老师下载的时候需要时间,给同学解答的时候也需要时间, 所以为了所有同学考虑,建议提问的时候, 直接将问题相关的代码粘贴到问答区。祝学习愉快~~~


0

好帮手慕慕子

2019-06-03

同学你好,请把完整的代码粘贴到问答区域哦。如果代码太多上传不了,建议你先做其他部分,作业完成后可以在作业区域提交作业。会有批复作业的老师详细的指导作业中的每一个问题哦。这样能够更好的帮助到你。祝学习愉快~~~


0
hlisa呀
h 老师我把代码上传到网盘里了,上边的那个连接就是下载位置,因为我的格式是放在另一个css.css里的,没法往作业区粘呢。
h019-06-03
共1条回复

SuperMan_GYD

2019-06-02

你前面讲的那个加边框。估计是加了边框宽度大了就出区域了,或者是因为你定位浮动导致的

你后面那个百分之25是达不到的,你只要额外有了内外边距就会占用。我用23.5是可以的

0
hiny丶
h 25可以达到,我就是用25做出来的
h019-06-05
共1条回复

0 学习 · 40143 问题

查看课程