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

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

提取码:pmur 

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

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

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

http://img1.sycdn.imooc.com//climg/5cf3c8820001f24c10880579.jpg

http://img1.sycdn.imooc.com//climg/5cf3c8960001e31911620410.jpg

http://img1.sycdn.imooc.com//climg/5cf3ca0b0001f9c213550627.jpg

http://img1.sycdn.imooc.com//climg/5cf3ca0b000191c613470624.jpg


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
Tiny丶 2019-06-05 11:21:09

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

好帮手慕慕子 2019-06-03 10:41:49

同学你好, 建议:

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

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

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


好帮手慕慕子 2019-06-03 09:51:25

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


  • 提问者 Elisa呀 #1
    老师我把代码上传到网盘里了,上边的那个连接就是下载位置,因为我的格式是放在另一个css.css里的,没法往作业区粘呢。
    2019-06-03 10:10:57
SuperMan_GYD 2019-06-02 22:06:12

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

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

  • Tiny丶 #1
    25可以达到,我就是用25做出来的
    2019-06-05 11:22:34
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师