为什么合起来3个id标签定义，宽度不能100%占满？_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-24 12:04:521383검색
<!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으로 문의하세요.