页面宽度适配问题

来源:6-5 jQuery中DOM元素的获取index方法

bannerl

2016-12-01 22:24

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css" >

*{margin: 0;padding: 0;}

  .box{width: 100%;background: #222222;height: 30px;}

  .con{ width: 1200px; margin: 0 auto; background: #0086B3; height: 30px; }

</style>

</head>

<body>

<div class="box">

<div class="con">

</div>

</div>

</body>

</html>

两层div嵌套,第一个设置width:100%,第二个设置width:1200px,margin:0 auto;如何让浏览器界面变小时内部div还有有左右margin,而不是第一层divwidth变小,导致内部div不存在margin-left和right,紧贴在浏览器左边缘


写回答 关注

2回答

  • DYWTD
    2016-12-02 12:07:45
    已采纳

     .con{ width: 80%; }将宽度修改一下这样就可以确保内部div不是一个固定值。

    banner...

    非常感谢!

    2016-12-02 15:35:20

    共 3 条回复 >

  • bannerl
    2016-12-02 13:21:25

    我想让内部div一直是1200px,但是又想让浏览器窗口变小的时候,左侧还有间距,就是还有黑色box背景,你浏览器试一下就知道是什么了,怎么解决?

jQuery基础(四)—动画篇

jQuery基础教程动画篇,讲解jQuery基础开启动画修炼

85058 学习 · 262 问题

查看课程

相似问题