会，比如如下代码
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href=" " rel="stylesheet">
<style type="text/css" media="screen">
*{margin: 0padding: 0}
.box{width: 200pxheight: 100pxbackground: red}
.box2{width: 100pxheight: 100pxbackground: bluefloat: left}
.box3{width: 100pxheight: 100pxbackground: yellowfloat: left}
</style>
</head>
<body>
<div class="box">
<div class="box2"></div>
<div class="box3"></div>
</div>
</body>
</html>
效果图如下
大div.box的宽度为200px，两个小的div宽度分别为100px，刚好铺满，当给蓝色的div一个边框 border:1px solid blue那么蓝色div的整体大小会变大，黄色的会被挤下去，如下图所示
如果你给外面最大的div.box的宽度加两个像素的话就会横排正常显示
CSS设置div边框颜色宽度和高度步骤如下：
1、新建一个html文件，创建一个类名为wrap的div。
2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。
3、通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色。
4、这样就可以设置div边框颜色宽度和高度，如下图：
扩展资料：
css border属性：
border 简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性：
border-width，border-style，border-color
如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000也是允许的。
