search
HomeWeb Front-endHTML TutorialProblems that occur after multiple
  • left floats, please ask for experts_html/css_WEB-ITnose


  • There are 6

  • under the parent div. All
  • are unified css. Because of the spacing between
  • , the margin-left is a few pixels, but the arrow is There will also be a gap
    in the pointed place. If the parent div has a border, it will look better. But if the parent div is blank, then the
  • on the left side will not be moved to the side, which will look ugly. Please tell me how to solve it

    I don’t want to define the li class separately, so it is inconvenient to call the program
    Help


    Reply to the discussion (solution)

    li1 li2 li3
    li4 li5 li6

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

    .a{    margin-left:5px;}.b{    margin-left:0px;}

    li’s parent ul defines a

    margin-left:-你的px值


    Remember ul clearfix

    li’s parent ul defines a

    margin-left:-你的px值


    Remember ul clearfix



    Thank you, I forgot the role of ul, but ul clearfix has not been written before, I will take a look at it again.

    Although I no longer accommodate ie6. But I also want to ask if ul{margin-left:-6px;} ie6 does not support negative values. How to support ie6

  • The margin-left is set to 0px;
      Just set margin-left or pading0left to the value you want!

      Set margin-left of

    • to 0px; Set margin-left or pading0left of
        Just set the value you want!
        Where to find the interval between the li's
  • Statement
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    HTML、CSS和jQuery:制作一个带有浮动效果的按钮HTML、CSS和jQuery:制作一个带有浮动效果的按钮Oct 24, 2023 pm 12:09 PM

    HTML、CSS和jQuery:制作一个带有浮动效果的按钮,需要具体代码示例引言:如今,网页设计已成为一种艺术形式,通过使用HTML、CSS和JavaScript等技术,我们能够为页面增加各种各样的特效和交互效果。本文将简要介绍如何用HTML、CSS和jQuery制作一个带有浮动效果的按钮,并提供具体的代码示例。一、HTML结构首先,我们需要在HTML文件中

    清除浮动有什么方法清除浮动有什么方法Feb 22, 2024 pm 04:00 PM

    清除浮动有什么方法,需要具体代码示例在网页布局中,浮动是一种常用的布局方法,可以让元素脱离文档流,并相对其他元素进行定位。然而,使用浮动布局时常常会遇到一个问题,就是父元素无法正确地包裹浮动元素,导致页面产生布局错乱的情况。所以,我们需要采取措施来清除浮动,使得父元素能够正确地包裹浮动元素。清除浮动的方法有多种,下面将介绍常用的几种方法,并给出具体的代码示例

    php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决Jun 13, 2016 am 10:23 AM

    php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code<form name="myform"

    成为Go语言高手:学习路径与实战经验分享成为Go语言高手:学习路径与实战经验分享Mar 04, 2024 am 10:12 AM

    成为Go语言高手:学习路径与实战经验分享Go语言自诞生以来就备受开发者青睐,其简洁、高效、并发性能突出的特点,使得越来越多的开发者加入了Go语言的学习和应用行列。本文将分享一条成为Go语言高手的学习路径,同时结合实战经验,提供一些代码示例供大家参考。学习路径1.学习基础知识无论学习任何一门语言,首先要掌握的就是基础知识。Go语言的基础知识主要包括数据类型、

    HTML布局技巧:如何使用position属性进行浮动元素控制HTML布局技巧:如何使用position属性进行浮动元素控制Oct 21, 2023 am 09:22 AM

    HTML布局技巧:如何使用position属性进行浮动元素控制在网页设计中,布局是非常重要的一环。通过合理的布局可以使网页更加美观、易读,提升用户体验。而在实现布局过程中,浮动元素的控制是其中一个关键点。HTML提供了position属性,通过这个属性我们可以实现对浮动元素的控制。本文将介绍如何使用position属性进行浮动元素的布局,并提供一些具体的代码

    win7系统如何同时播放多个声音win7系统如何同时播放多个声音Jul 02, 2023 pm 08:41 PM

    win7系统如何同时播放多个声音?今天和大家一起来分享电脑同时播放多种声音的操作方法,比如我们在听音乐的同时,想要更快好友发送过来的短视频分享,那么怎么让它们的声音都可以同时播放出来呢?来看看下面小编带来的win7系统同时播放多个声音指南吧!win7系统同时播放多个声音指南  1、在桌面右键点击右下角的音量图标,选择播放设备,如下图所示:  2、在打开的界面中,右键点击扬声器,选择属性,如下图所示:  3、在打开的扬声器属性窗口中,切换到高级设置界面,随后取消勾选允许应用程序独占控制该设备,点击

    使用C中的fork()函数创建多个进程使用C中的fork()函数创建多个进程Sep 08, 2023 pm 06:17 PM

    在这个部分中,我们将看到如何使用fork()在C语言中创建子进程。我们还会在每个进程中执行一些不同的任务。所以在我们的父进程中,我们将打印不同的值。当调用fork()时,它会返回一个值。如果这个值大于0,那么当前就在父进程中,否则就在子进程中。所以我们可以通过这个来区分进程。示例代码#include<stdio.h>#include<unistd.h>intmain(){&nbsp;&nbsp;intn=fork();//subdivideprocess&

    CSS 图像属性指南:outline 和 displayCSS 图像属性指南:outline 和 displayOct 25, 2023 am 08:57 AM

    CSS图像属性指南:outline和displayCSS是前端开发中不可或缺的一部分,其中图像属性也是必不可少的。在这篇文章中,我们将重点介绍两个关于图像属性的重要概念:outline和display。本文将详细说明它们的定义、用法以及具体的代码示例。outline属性概述:outline属性用于在元素周围创建一个轮廓线,不占据布局空间。它是

    See all articles

    Hot AI Tools

    Undresser.AI Undress

    Undresser.AI Undress

    AI-powered app for creating realistic nude photos

    AI Clothes Remover

    AI Clothes Remover

    Online AI tool for removing clothes from photos.

    Undress AI Tool

    Undress AI Tool

    Undress images for free

    Clothoff.io

    Clothoff.io

    AI clothes remover

    AI Hentai Generator

    AI Hentai Generator

    Generate AI Hentai for free.

    Hot Tools

    SublimeText3 Mac version

    SublimeText3 Mac version

    God-level code editing software (SublimeText3)

    MantisBT

    MantisBT

    Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

    MinGW - Minimalist GNU for Windows

    MinGW - Minimalist GNU for Windows

    This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

    WebStorm Mac version

    WebStorm Mac version

    Useful JavaScript development tools

    Safe Exam Browser

    Safe Exam Browser

    Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.