• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

字体影响浮动?

首页/*公共*/.comwidth{margin:0 auto;width:1000px;}/*header部分*/body {background-color: #F5F5F5;}.header{height: 27px;line-height: 27px;}.header_right{float: right;}.header_right a{font:12px/27px 微软雅黑;padding-left: 10px;margin-right: 8px;color: #8E8E8E;}.header_right a:hover{color: red;}/*body部分*/.logo_pic{width: 375px;float: left;}.logo_right {width: 300px;height: 28px;margin-top: 30px;float: right;display: inline;color: #8E8E8E;}                                                                             设为首页加入收藏联系我们                       
               
               
                                                                                                                        我我我                               
                                                                        呵呵呵呵                               
                       
               
       
main里面的logo_right设置了右浮动但不能贴到边显示,我把header_right里的a字体样式去掉就可以了,字体影响浮动?

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与5

124002fmujmyagedguzrr7.jpg
上图是你的页面效果,为了能看清楚是哪个盒子,在此给每块加了不同的颜色
你把.header里的line-height去掉,line-height是行高,你要加也是给字体加,不要用这个line-height去撑盒子,盒子的高就是height;去完后,效果就可以实现了;
在此给点建议

  • 导航最好用列表ul li去做;
  • 做完之后最好清下浮动,那块用了float就给父级盒子加一个.clearfix ,你可以把这下面段代码放到你的公共样式里去
.clearfix:after,.clearfix:before{display:table;content:"";}.clearfix:after{clear:both;}.clearfix{*zoom:1;} 3.好好理解一下,行元素,块元素,内联块元素及他们的区别;

使用道具 举报

你的header高度是27px,header_right浮动了高度是28px,浮动的元素本身脱离了文档流,但是后面的元素会为浮动元素的文本,图片让出位置,header_right的高度比header高度高1px;所以logo_right右浮动后会卡在header_right的左边,去掉a的下划线样式可能是header_right的高度变低了,所以浮动到了最右边(我试的去掉下划线并没有浮动到最右边。。)

使用道具 举报

和字体样式没关系,你把comwidth的宽度设成1000px,本身就没有到最右边,改成100%就会有变化。而且在做之前最好清除一下自带格式margin:0;padding:0.

使用道具 举报

给logo_right清除浮动

使用道具 举报

.comwidth{
margin:0 auto;
width:1000px;
}
里面的width:1000px;去掉试试

使用道具 举报

发新帖

发布任务需求已有1031289位用户正在使用天盟网服务

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!