我正在尝试生产另外一个需要HTML/CSS/Javascript练习的灯箱,但是我遇到了一个看似微不足道的样式问题(可能是!)但我无法解决它.
我有一个div包含img.不管我什么(border,margin,padding,自动高度等),我不能让div收缩相匹配的图像尺寸.我把问题减少到了这个:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<title>Layout experiments</title>
<style type="text/css">
#lightbox {
margin: 0;
padding: 0;
position : fixed;
left : 50%;
margin-left : -320px;
top : 100px;
border-radius: 22px;
background : #e0e0f0;
color : #102020;
}
#lightbox img {
border-radius: 15px;
}
.imagebg {
margin : 7px;
background : black;
border-radius: 15px;
height : 100%;
}
</style>
</head> …css ×1