点击我添加,1px边框到div,所以Div大小增加2px X 2px.我不想让div大小增加.有没有简单的方法呢?
凌乱的详细解释
实际上我正在使用float:left(相同大小,如图标)添加DIV到一个container-div,所以所有都堆叠起来,当(container-div width是300px)时,没有空格宽度,所以子DIV进入下一行,所以就像目录一样,但由于边框只选择了DIV大小增加,所选DIV下的DIV会向右移动并在所选DIV下方创建空白区域.
编辑:
减少选择时的高度/宽度,但如何增加它.使用某些第三方框架,因此在DIV失去选择时没有事件.
我有一个使用插入框阴影的容器.容器包含图像和文本.插入阴影显然不适用于图像:

这里的白色部分是容器.它包含一个白色图像,并且应用了插入框阴影.
<main>
<img src="whiteimage.png">
</main>
Run Code Online (Sandbox Code Playgroud)
body {
background-color: #000000;
}
main {
position: absolute;
bottom: 0;
right: 0;
width: 90%;
height: 90%;
background-color: #FFFFFF;
box-shadow: inset 3px 3px 10px 0 #000000;
}
Run Code Online (Sandbox Code Playgroud)
有没有办法让插入框阴影重叠图像?
我想创建一个HTML表格,其中每个单元格都是可单击的,单击单元格会div在单元格中为单个单元格添加边框.我希望这个div边界完全存在于td包含它的现有范围内,而根本不调整表格或其单元格的大小.我似乎无法使这种情况正确发生.
这个上一个问题似乎解决了同样的问题,并指出了一些关于box-sizing CSS选项的文章.我有一个小提琴,我试图实现这个没有成功:http://jsfiddle.net/YsAGh/3/.
* {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
<table>
<tr>
<td><div>1</div></td>
<td><div>2</div></td>
<td><div>3</div></td>
</tr>
....
</table>
Run Code Online (Sandbox Code Playgroud)
这是目前发生的事情.边界导致包含td增长以容纳div边界.

如何在不影响包含表的情况下将边框添加到div?
我在包裹中有多个div,它们有不同的高度.我想左转.2个分区可以连续排列.但由于每个div都有不同的高度,所以下一行还有很多奇怪的空间.我可以移除空间并移动div吗?
请看图片:
这是代码:
<div class="wrap">
<div class="box1">Box1 with less height.</div>
<div class="box2">Box2 with more height.</div>
<div class="box3">Box3 with whatever height.</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.wrap{
width:410px;
border:1px solid red;
overflow:hidden;
}
.box1{
width:200px;
height:50px;
float:left;
border:1px solid green;
}
.box2{
width:200px;
height:150px;
float:left;
border:1px solid blue;
}
.box3{
width:200px;
height:250px;
float:left;
border:1px solid blue;
}
Run Code Online (Sandbox Code Playgroud)
JSFiddle: http ://jsfiddle.net/NsH5M/
PS.div高度不固定.这仅仅是例如. 编辑:对不起,我应该提到它无法编辑标记.

我正在尝试制作一个100%高度的页面框.但是在Chrome和IE浏览器中,以下内容从页面底部延伸了几个像素,因此我必须滚动.为什么?为什么这里有滚动条?
<!doctype html>
<html >
<head>
<style type="text/css">
html, body
{
margin: 0px;
padding: 0px;
height: 100%;
}
div {
border:5px solid black;
height: 100%;
}
</style>
</head>
<body >
<div >This flows a few pixels off the bottom of the page</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 我想知道是否有一个属性来设置元素的外边框和内边框,例如我想要将深灰色边框设置为外边框,将白色设置为内边框..我附加了一个图像以使我的观点清晰,我可以这有两层,一个是深灰色边框的父母,另一个是白色边框的孩子,但必须有一个更好,更有效的方法.如果您有正确的理念来实现这一点,请指导..感谢您的时间..干杯
我在这里搜索了一下,但我找到了关于相邻边界的信息.有人知道是否可以为所有div添加边框,只是为了查看当前布局的工作原理.
如果你只是添加一个1px的边框,它会增加2px的宽度(并排),并且 - 有时 - 会破坏当前的布局.
我需要这只是为了控制目的,打开/关闭,而不是生产.
谢谢!