为什么合起来3个id标签定义，宽度不能100%占满？_html/css_WEB-ITnose
- WBOY原创
- 2016-06-24 12:04:521379浏览
<!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=utf-8" /><title>无标题文档</title><style type="text/css"> div{ border:1px solid #039; text-align:center; } #header{ width:100%; height:80px; } .logo{ width:30%; background-color:#0fc; float:left; } .today{ width:30%; background-color:#ccc; float:left; } .search{ width:39.5%;/*定义为40%会导致搜索栏不能和前两个在同一行。*/ background-color:#cf9; float:left; } </style></head><body> <div id="header"> <div class="logo">网站Logo</div> <div class="today">当前日期</div> <div class="search">搜索栏</div> </div></body></html>
回复讨论(解决方案)
你把所有div样式
div{
border:1px solid #039;
text-align:center;
}
加了边框，肯定不能按照100%来设置，你把边框去掉就可以了
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn