永发信息网

在有margin padding等情况下如何使内层div横向全屏

答案:2  悬赏:10  手机版
解决时间 2021-01-03 12:25
首先页面顶部有一个导航栏,中间各个div都比导航栏要窄,此时需要显示一幅跟导航栏同宽的图片(即横向全屏)并要求不能有横向滚动条。这个时候写margin:-10%什么的都会多出那么一点点,改小了又会不足一点点。。应该怎么办。
最佳答案
html结构参考:

 导航100%宽度横屏

 
  
   其他div

   
其他div

   其他div
   
其他div

  
  特别100%宽度横屏(与导航同宽)
  
   
其他div

   其他div
   
其他div

   其他div
  
  特别100%宽度横屏(与导航同宽)
 
css代码:测试用,仅供参考

希望能帮助到你
全部回答
  • 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的写在最后面。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯