问答详情
源自：6-5 jQuery中DOM元素的获取index方法

页面宽度适配问题

<!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,紧贴在浏览器左边缘


提问者：bannerl 2016-12-01 22:24

个回答

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

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

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

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

    0