div+css布局问题

来源：百度知道 编辑：UC知道 时间：2024/05/12 04:45:11
布局时box1不是完全的包围住box1内的全部内容，里面最后一行p的内容都在box1外面，
请高手指教～
别告诉我用table什么的就行，还有高度要自适应，不要指定box1高度，要里面的内容增加box1高度就自动增加～

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>

<style type="text/css">
<!--
#box1 {
width:780px;
font-size:12px;
color:#000;
text-align:center;
}
#box1 p{
float:left;
width:130px;
height:80px;
color:#000;
text-align:center;
line-height:24px;
}

我看了一下。你的代码没有问题啊。只不过在DW的设计视图看来最后一行是在box1的外面。其实你预览的时候就正常了。你可以为box1填个背景色看一下就知道了。往里加内容它也会自己跟着增高。