html元素左对齐不用float,html5 用float 控制定位后,靠左对齐,出现挤出位置,高手看一下...

[HTML] 纯文本查看 复制代码

小米

* {

margin: 0;

padding: 0;

}

body{

margin-top: 30px;

}

/* 设定父盒子初始框架定位 */

.father {

width: 1226px;

height: 624px;

/* background-color: pink; */

margin: auto;

}

.left {

width: 232px;

height: 617px;

/* background-color: purple; */

float: left;

background-image: url(image/left234_615.jpg);

background-size: auto;

border: 1px solid #eee;

border-top: 6px solid black;

}

.left:hover {

box-shadow: 0 5px 10px #666;

margin-top: -5px;

}

.right {

width: 992px;

height: 615px;

/* background-color: skyblue; */

float: right;

}

.right li {

list-style: none;

height: 299px;

width: 232px;

float: left;

background-color: white;

margin-left: 12px;

margin-bottom: 12px;

text-align: center;

border: 1px solid #eee;

border-top: 6px solid black;

}

.right li:hover {

box-shadow: 0 5px 10px #999;

margin-top: -5px;

margin-bottom: 17px;

}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8