一个排版,不知道如何做。_html/css_WEB-ITnose

就是不能平行。

 
        

 公司资讯   更多>>   

 
        
        公司官方网站国家工信部审批通过公告
 公司官方网站国家工信部审批通过公告
 公司官方网站国家工信部审批通过公告
 公司官方网站国家工信部审批通过公告
       

       
      
       
        

 行业动态   更多>>   

 
        
       公司官方网站国家工信部审批通过公告
       公司官方网站国家工信部审批通过公告
       公司官方网站国家工信部审批通过公告
       公司官方网站国家工信部审批通过公告
       
       

.mbar{width:auto; height:auto; clear:both; overflow: hidden; margin:10px 0;}.mbar p{ border:0px solid #ccc; text-align:left; line-height:26px;}.mbar a{ margin:0px 10px 0px 0px;}.mbar a:hover{color:#505050;}.mbar .services{height:150px; width:227px; overflow:hidden;}.mbar .services a{margin:0;}.mbar .tel{background: url("../images/icon_11.jpg") no-repeat 0 center;height:35px; width:auto;border:0px solid #ccc; display:block; text-indent:20px;}.mbar .more {font-size:12px;font-weight:normal;float:right;}.mbar hr{ width:96%; border-top: 1px solid #ccc; height:0px; margin:0px auto 0px auto; color:#0099cc;}/*最新动态*/.mbar .notice{text-align:center; margin:2px 0px 0px 1px;}.mbar .notice li { text-align:left;padding-left:10px;line-height:24px;height:24px;width:220px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}.mbar .notice span {float:left;display:block;}.mbar .notice .txt {max-width:158px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-right:1px;}.mbar .notice .new{background:url("../images/new01.gif") no-repeat;width:30px;height:11px;margin-top:5px;}.mbar .notice .sameBtn{margin-top:20px;}/*最新动态2*/.mbar2 .notice{text-align:center; margin:2px 0px 0px 1px;}.mbar2 .notice li { text-align:left;padding-left:10px;line-height:24px;height:24px;width:220px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}.mbar2 .notice span {float:left;display:block;}.mbar2 .notice .txt {max-width:158px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-right:1px;}.mbar2 .notice .new{background:url("../images/new01.gif") no-repeat;width:30px;height:11px;margin-top:5px;}.mbar2 .notice .sameBtn{margin-top:20px;}.mbar2{width:auto; height:200px;  overflow: hidden; margin:10px 0;}.mbar2 p{ border:0px solid #ccc; text-align:left; line-height:26px;}.mbar2 a{ margin:0px 10px 0px 0px;}.mbar2 a:hover{color:#505050;}.mbar2 .services{height:150px; width:227px; overflow:hidden;}.mbar2 .services a{margin:0;}.mbar2 .tel{background: url("../images/icon_11.jpg") no-repeat 0 center;height:35px; width:auto;border:0px solid #ccc; display:block; text-indent:20px;}.mbar2 .more {font-size:12px;font-weight:normal;float:right;}.mbar2 hr{ width:96%; border-top: 1px solid #ccc; height:0px; margin:0px auto 0px auto; color:#0099cc;}

登录后复制

回复讨论(解决方案)

你要用float:left 那两个DIV都加上float:left;

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2843642.html

(0)
上一篇 2025年3月10日 06:08:27
下一篇 2025年3月10日 06:08:44

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 图文排版_html/css_WEB-ITnose

    请问如何像上图一样 文字与图片 进行排版 回复讨论(解决方案) nbsp;html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/D…

    编程技术 2025年3月10日
    200
  • 探索为什么现代设计重视响应式布局和排版

    响应式布局与排版:为什么它们在现代设计中如此重要? 随着移动设备的普及和快速发展,越来越多的人选择使用手机和平板电脑浏览网页。因此,在现代设计中,响应式布局和排版成为了至关重要的因素。这种技术使得网页能够适应不同屏幕尺寸和设备类型,从而提供…

    2025年3月9日
    200
  • 了解和领会响应式布局和排版的定义与重要性

    在当今互联网时代,网页的访问设备多种多样,从传统的台式机到现代智能手机,甚至未来可能出现的其他新型设备,都需要能够适应不同屏幕尺寸和分辨率的网页设计。这就是响应式布局的概念所涉及的问题。响应式布局是指通过调整网页的布局和排版,使其能够自适应…

    2025年3月9日
    200
  • JavaScript初学者不知道的事(一)

    1.1JavaScript简史 在1995年前后,当时世界上的主流带宽为28.8kbps,现在世界平均下载带宽为21.9mbps。当时的网民,每提交一次表单,都需要等待很久才能收到服务器的回应,甚至很可能等了几分钟收到的却是说缺少了某一项。…

    2025年3月8日
    200
  • JavaScript初学者不知道的事(二)

    本文我们主要和大家分享javascript的基本语法和数据类型,当然还是最基础的不过多赘述,希望刚入门的同学还是看一下为好,不是看到这个标题觉得不就是语法和数据类型么,就那么点知识,早就会了。 1关键字和保留字 ECMA-262 描述了一组…

    编程技术 2025年3月8日
    200
  • Bootstrap排版样式的使用

    这次给大家带来bootstrap排版样式的使用,使用bootstrap排版样式的bootstrap有哪些,下面就是实战案例,一起来看一下。 Bootstrap 分别对 h1 ~ h6 进行了 CSS 样式的重构,并且还支持普通bootstr…

    编程技术 2025年3月8日
    200
  • Python-生成器详解

    1.什么是生成器 通过列表生成式,我们可以直接创建一个列表。但是,受到内存限制,列表容量肯定是有限的。而且,创建一个包含100万个元素的列表,不仅占用很大的存储空间,如果我们仅仅需要访问前面几个元素,那后面绝大多数元素占用的空间都白白浪费了…

    2025年2月27日 编程技术
    200
  • word如何将a3变成a4排版

    具体步骤如下: 第一步,打开word,新建一个文档。 第二步,点击菜单栏上的“格式”,在下拉菜单中选择“分栏”。 第三步,在分栏页面下的预设框中选择“一栏”,点击“确定”。 相关推荐:《word新手入门教程》 第四步,打开菜单栏中的“文件”…

    2025年2月22日 互联网
    200
  • 文章如何排版更加标准

    首先,在页面设置中设置上,下,左,右为30,30,35,25。 将文字全选中,设置字体,仿宋;字形,常规;字号,三号;颜色,黑色。 文字全选中,右键,段落。特殊格式,首行缩进2个字符;固定值;30 图中一为标题,字体为二号,宋体;二为副标题…

    2025年2月22日 互联网
    200
  • word打开图片排版错乱怎么办?

    推荐教程:《word新手入门教程》 word打开图片排版错乱怎么办? word打开图片排版错乱的解决办法: 1、首先,打开要编辑的Word文档,依次单击[插入]–>[图片]–>[来自文件]选项,选择要插入…

    2025年2月22日 互联网
    200

发表回复

登录后才能评论