在有margin padding等情况下如何使内层div横向全屏
答案:2 悬赏:10 手机版
解决时间 2021-01-03 12:25
- 提问者网友:原来太熟悉了会陌生
- 2021-01-02 19:45
首先页面顶部有一个导航栏,中间各个div都比导航栏要窄,此时需要显示一幅跟导航栏同宽的图片(即横向全屏)并要求不能有横向滚动条。这个时候写margin:-10%什么的都会多出那么一点点,改小了又会不足一点点。。应该怎么办。
最佳答案
- 五星知识达人网友:胯下狙击手
- 2021-01-02 20:14
html结构参考:
css代码:测试用,仅供参考
希望能帮助到你
导航100%宽度横屏
其他div
其他div
其他div
其他div
特别100%宽度横屏(与导航同宽)
其他div
其他div
其他div
其他div
特别100%宽度横屏(与导航同宽)
希望能帮助到你
全部回答
- 1楼网友:行雁书
- 2021-01-02 21:10
margin对div的宽度并不影响,而padding的话,实际显示的宽度是设置的width值加上左右padding的值,比如width:600px;padding:10px;那么实际显示宽度就是620px; 所以布局的时候要用padding的时候设置width属性的时候记得减去padding值
而ie和ff中,padding的实际效果都一样,而margin的话,在ff和ie中的box模型解释不一致导致相差2px; 也就是ie会少2px,解决方法是: margin:30px!important; margin:28px;
30px是ff调取的,28px是ie调取的
备注:
区别ff,ie7,ie6:
background:green !important; background:orange; *background:blue;
ie6能识别*,但不能识别 !important,
ie7能识别*,也能识别!important;
ff不能识别*,但能识别!important;
另外再补充一个,下划线”_“,ie6支持下划线,ie7和firefox均不支持下划线。
于是大家还可以这样来区分firefox,ie7,ie6
background:green!important; *background:orange; _background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,ie7的写在中间,ie6的写在最后面。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯