CSS边框

嗨我遇到了一点麻烦，我的布局CSS边框

我希望把周围的边框布局的所有外，当浏览器的尺寸重新调整它仍然会在那里。我如何做到这一点，而不会影响布局和媒体查询的响应速度？想着也许是div里面的边框？

也不能肯定我做了什么，但即时得到我<div>您可以根据标志看到差距。

http://www.techagesite.com/page-1work11122.htm

来源

2014-04-21 Techagesite

你是什么意思*把周围的边框布局的所有外*？你能提供你想要放置边框的截图吗？ –

你的问题不清楚给我。你看过你的元素的盒子大小吗？ [你尝试过什么？]（http://mattgemmell.com/what-have-you-tried/）另外，请提供您的问题中简化代码。 – Daze

噢，抱歉底部www.techagesite.com/shot.png当然，太 – Techagesite

Demo

CSS

html { 
    height: 100%; 
    width: 100%; 
    display: table; 
} 
body { 
    display: table-row; 
} 
.mainBody { 
    display: table-cell; 
    border: 10px solid blue; 
}

实施例的HTML

<body> 
    <div class="mainBody">all your content here</div> 
</body>

要添加边框在页面使用通用选择 '*'下面的每一个元素：

* { 
border: 5px solid #3A5FCD; 
}

最后的欢呼声，这是一个简单的编辑，但由于缺乏理解它花了这么长时间的问题，反正你的样本图片帮助我实现你的想法。

只是

body { 
    margin: 0 auto; 
    background: #333; 
    max-width: 1200px; 
}

更换你的身体{..}（删除显示：表细胞，保证金自动将使其与最大宽度水平中心）

来源

2014-04-21 11:35:13 4dgaurav

它的工作原理，但它的整个页面，而不仅仅是divs。 – Techagesite

我已编辑过，您可以将ID更改为Class .forBorder，现在将此类添加到您想要边框的每个div。 – 4dgaurav

对不起，我可能不太清楚。我需要像图片中的所有东西一样的边框，我链接到 – Techagesite

还不能确定是什么我已经做了，但即时得到我的，你可以标识下的看到差距。

将box2或box3的height属性更改为相互匹配。目前，BOX2高度为179px和箱3是203px。因此，请将box2的高度改为203px或将box3的高度改为179px。

来源

2014-04-21 12:26:16 Kai

我还没有在box2和3的高度 – Techagesite

所以默认高度设置为自动和div标记调整图像结束的地方。设置高度使其相等。 – Kai

我不明白你的意思 – Techagesite

回答

相关问题