微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

多个左浮动以后出现的问题，求高手_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 12:03:30
原创
1335人浏览过


父div下有6个

  • ，所有的
  • 都是统一的css，因为要
  • 的间隔，所以margin-left 了几个像素，但是箭头所指的地方也会有间隔
    如果父div有边框，还好看一些。但是如果父div是空白的，那么左侧的
  • 就不靠边，显得难看。请问怎么解决

    不想单独定义li的class，这样程序调用不方便
    求助

    左手医生开放平台
    左手医生开放平台

    左医科技医疗智能开放平台

    左手医生开放平台 26
    查看详情 左手医生开放平台

    回复讨论(解决方案)

    li1    li2   li3
    li4    li5   li6

    1,2,3,4,5,6 有class a
    1,4 有class b 

    .a{    margin-left:5px;}.b{    margin-left:0px;}
    登录后复制

    li 的 父ul 定义个 

    margin-left:-你的px值
    登录后复制


    记得 ul clearfix

    li 的 父ul 定义个 

    margin-left:-你的px值
    登录后复制


    记得 ul clearfix



    谢谢，忘了ul的作用了，不过ul clearfix 这个以前没写过，我再看一下。

    虽然我已经不再迁就ie6了。但是还想问一下ul{margin-left:-6px;} ie6是不是不支持负值，怎么去支持ie6

  • 的margin-left 设为0px; 
      的margin-left 或者pading0left 设为你想要设的值不就行了么!

    • 的margin-left 设为0px; 
        的margin-left 或者pading0left 设为你想要设的值不就行了么!
        哪li之间的间隔往哪儿找去
    • HTML速学教程(入门课程)
    HTML速学教程(入门课程)

    HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

    下载
    来源：php中文网
    收藏 点赞
    上一篇：玩转CSS3(一)CSS3实现页面布局_html/css_WEB-ITnose 下一篇：新手关于在DreamWever上写的Html链接到编写的服务器的问题_html/css_WEB-ITnose
    本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
    最新问题
    html转css工具_html转css网页版转换入口 html转css网页版转换入口是https://www.cssportal.com/html-to-css/，该工具支持一键将HTML转换为CSS，界面简洁，操作便捷，具备智能分析、实时预览、自定义命名和错误提示功能，适用于响应式设计与教学场景。
    2025-11-13 22:58:02
    421
    html函数如何构建响应式表格 html函数表格标签的高级应用 通过HTML语义化标签与CSS结合实现响应式表格，使用thead、tbody、colgroup等结构化标签提升可访问性，配合媒体查询、data-label堆叠布局或横向滚动容器适配移动端，确保多设备下内容清晰可读。
    2025-11-13 22:56:34
    406
    html标签链接怎么打_html标签链接怎么打实用技巧 使用链接文字创建基本超链接；2.添加target="_blank"实现新窗口打开；3.结合rel="noopener"提升外链安全性；4.利用href="#id"与id属性实现页面内锚点跳转，优化长页面导航体验。
    2025-11-13 22:56:02
    221
    Git精准追踪每一次HTML+CSS惊艳改动！ 首先使用Git初始化仓库并提交初始文件，接着配置.gitattributes以优化差异识别，通过gitdiff查看未暂存更改，利用gitadd--patch分段暂存变更，最后用gitlog生成定制化日志追踪历史修改。
    2025-11-13 22:54:58
    629
    如何在HTML中实现面包屑导航的详细步骤 面包屑导航通过语义化HTML和CSS展示页面层级，使用nav、ol及aria标签提升可访问性，结合flex布局与伪元素添加分隔符，并可通过JSON-LD增强SEO。
    2025-11-13 22:53:04
    315
    Windows Defender误报HTML文件怎么加入白名单？ 首先将HTML文件添加到WindowsDefender排除列表以避免误报，具体可通过三种方式实现：一、在Windows安全中心的病毒和威胁防护设置中，进入排除项并添加该文件或文件夹路径；二、以管理员身份运行PowerShell，使用Add-MpPreference命令将文件所在路径加入ExclusionPath；三、对于专业版系统，可使用组策略编辑器，在“MicrosoftDefender防病毒”下的排除项中配置文件夹或文件类型排除规则，从而全局生效。
    2025-11-13 22:42:33
    936
    html滚动条样式怎么自定义_html滚动条样式自定义详细实现方法 自定义HTML滚动条样式主要通过CSS的::-webkit-scrollbar系列伪元素实现，适用于Chrome、Edge、Safari等Webkit内核浏览器。1.使用::-webkit-scrollbar设置滚动条整体宽高，::-webkit-scrollbar-track定义轨道样式，::-webkit-scrollbar-thumb设置滑块外观，配合:hover状态提升交互体验，::-webkit-scrollbar-corner调整角落样式；2.可将伪元素限定于特定容器（如.custo
    2025-11-13 22:33:49
    562
    html代码怎么单页_html单页应用（SPA）概念与基础代码实现方法 答案：可通过原生JavaScript监听hash变化实现简单SPA路由，或使用Vue.js结合VueRouter、React配合ReactRouter构建结构清晰的单页应用，亦可利用HistoryAPI模拟真实路径跳转以提升用户体验。
    2025-11-13 22:32:02
    126
    Mac Sublime Text 4一键创建HTML+CSS项目模板 通过自定义代码片段和Shell脚本，可在Mac上用SublimeText4高效创建HTML+CSS项目。1.创建html5前缀的snippet生成HTML模板；2.编写shell脚本一键生成含css/js/img目录的项目结构；3.安装SideBarEnhancements插件提升文件操作效率；4.整合流程：运行脚本→打开项目→使用片段填充内容，实现快速初始化。
    2025-11-13 22:31:02
    640
    如何创建函数html_HTML中JavaScript函数创建与调用方法 在HTML中创建JavaScript函数需使用function关键字，并置于标签内；2.函数通过事件（如onclick）、脚本直接调用或定时器执行；3.推荐将放在底部或引入外部JS文件以确保页面加载完成后再执行；4.需保证函数名唯一且调用前已定义，外部文件路径正确。
    2025-11-13 22:21:51
    585
    相关专题
    更多>
    热门推荐
    开源免费商场系统广告
    热门教程
    更多>
    相关推荐
    热门推荐
    最新课程
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
    php中文网：公益在线php培训，帮助PHP学习者快速成长！
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部