Inhaltsverzeichnis
回复讨论(解决方案)
Heim Web-Frontend HTML-Tutorial 请教个dl dt dd问题,定位上出现的问题,谢谢_html/css_WEB-ITnose

请教个dl dt dd问题,定位上出现的问题,谢谢_html/css_WEB-ITnose

Jun 24, 2016 pm 12:04 PM
dd 定位








无标题文档





  

  

  
 通知公告

  

  

      
  • 1dsfsfsd

  •    
  • 2sdffsfsf

  •     
  • 3sdfdsfsdfs

  •      
  • 4sdfsfsdf

  •   

  
 
  

  

  







我在dl中的dt 上写标题,在dd里嵌套一个ul li列表

我已经把ul的 margin padding都设为0了。但目前定位仍有问题,不能左对齐,而且 ul是包含在dd里,为什么会高于其上边界呢。


回复讨论(解决方案)

去除默认样式

ul,dl,dd{margin:0;padding:0;}
Nach dem Login kopieren

鸡哥,我想请问



#mydiv2 dl{
height:30px;
background-color:#0FF;
margin:0px;
padding: 0px;
}



#mydiv2 dl dd ul {
。。。。。。
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}


我这代码里都间接的设置这几项为0为什么不生效呢

像你这样直接设置怎么就生效了??

研究发现是 dd的margin没设造成的。

貌似  dl的padding作用不到dd上



鸡哥,还有个问题,我设置 dt的高度,为什么结果比设定高度大了一倍??



nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档






  

  

  

  

  

  

  
  



 


  


=》




注意闭合,你应该了解前端规范

额,低级错误,见笑见笑

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was bedeutet dd in Xiaohongshu? Was bedeutet dd in Xiaohongshu? Sep 26, 2023 pm 02:47 PM

dd bedeutet in Xiaohongshu „Kauf im Namen anderer“. Ausführliche Einführung: dd kommt von der Abkürzung des englischen Wortes „deal“, was „Transaktion“ oder „Deal“ bedeutet. Auf Xiaohongshu verwenden Benutzer häufig „dd“, um anzugeben, dass sie ein Produkt gekauft oder eine Transaktion abgeschlossen haben.

So finden Sie kabellose Apple-Kopfhörer, wenn sie verloren gehen_So finden Sie kabellose Apple-Kopfhörer So finden Sie kabellose Apple-Kopfhörer, wenn sie verloren gehen_So finden Sie kabellose Apple-Kopfhörer Mar 23, 2024 am 08:21 AM

1. Zuerst öffnen wir die [Suchen]-App auf dem Mobiltelefon und wählen das Gerät in der Liste auf der Geräteoberfläche aus. 2. Anschließend können Sie den Standort überprüfen und auf die Route klicken, um dorthin zu navigieren.

So verwenden Sie Karten- und Standortfunktionen in Uniapp So verwenden Sie Karten- und Standortfunktionen in Uniapp Oct 16, 2023 am 08:01 AM

Verwendung von Karten- und Positionierungsfunktionen in uniapp 1. Einführung in den Hintergrund Mit der Popularität mobiler Anwendungen und der rasanten Entwicklung der Positionierungstechnologie sind Karten- und Positionierungsfunktionen zu einem unverzichtbaren Bestandteil moderner mobiler Anwendungen geworden. uniapp ist ein auf Vue.js basierendes plattformübergreifendes Anwendungsentwicklungs-Framework, mit dem Entwickler Code auf mehreren Plattformen teilen können. In diesem Artikel wird die Verwendung von Karten und Positionierungsfunktionen in Uniapp vorgestellt und spezifische Codebeispiele bereitgestellt. 2. Verwenden Sie die Komponente uniapp-amap, um die Kartenfunktion zu implementieren

So verwenden Sie das WordPress-Plugin, um eine sofortige Positionierungsfunktion zu erreichen So verwenden Sie das WordPress-Plugin, um eine sofortige Positionierungsfunktion zu erreichen Sep 05, 2023 pm 04:51 PM

So nutzen Sie WordPress-Plug-Ins, um eine sofortige Standortfunktion zu erreichen. Mit der Beliebtheit mobiler Geräte beginnen immer mehr Websites, geolokalisierungsbasierte Dienste anzubieten. Auf WordPress-Websites können wir Plug-ins verwenden, um Funktionen zur sofortigen Positionierung zu implementieren und Besuchern Dienste im Zusammenhang mit ihrem geografischen Standort anzubieten. 1. Wählen Sie das richtige Plug-in. In der WordPress-Plug-in-Bibliothek stehen viele Plug-ins zur Auswahl. Je nach Bedarf und Anforderungen ist die Auswahl des richtigen Plug-Ins der Schlüssel zur sofortigen Positionierungsfunktionalität. Hier sind einige

Linux dd-Befehlsanalyse: Detaillierte Beispiele für Datensicherung und Formatkonvertierung Linux dd-Befehlsanalyse: Detaillierte Beispiele für Datensicherung und Formatkonvertierung Jan 05, 2024 pm 03:46 PM

Der Befehl dd wird hauptsächlich zur Datensicherung verwendet und kann während des Sicherungsvorgangs eine Formatkonvertierung durchführen. Tatsächlich kann der Befehl dd Quelldaten in Zieldaten kopieren und eine Datensicherung unabhängig davon durchführen, ob es sich bei den Quelldaten um eine Datei, Partition, Festplatte oder optische Festplatte handelt. Das Grundformat des dd-Befehls lautet wie folgt: [root@localhost~]#ddif="input file"of="output file"bs="data block" count="quantity" Parameter: if: definiert die Datei für die Eingabe Daten, oder es kann sein: Eingabegerät; von: definiert die Datei für Ausgabedaten, die auch ein Ausgabegerät sein kann; bs: gibt die Größe des Datenblocks an, d. h. bestimmt

Methoden zur Lösung des Problems der Speicherleckstelle bei der Go-Sprachentwicklung Methoden zur Lösung des Problems der Speicherleckstelle bei der Go-Sprachentwicklung Jul 01, 2023 pm 12:33 PM

Methoden zur Lösung des Problems der Speicherleckstelle bei der Go-Sprachentwicklung: Speicherlecks sind eines der häufigsten Probleme bei der Programmentwicklung. Bei der Entwicklung der Go-Sprache kann es aufgrund des automatischen Garbage-Collection-Mechanismus zu Speicherverlustproblemen kommen, die geringer sind als bei anderen Sprachen. Bei großen und komplexen Anwendungen kann es jedoch dennoch zu Speicherverlusten kommen. In diesem Artikel werden einige gängige Methoden zum Auffinden und Lösen von Speicherverlustproblemen bei der Go-Sprachentwicklung vorgestellt. Zuerst müssen wir verstehen, was ein Speicherverlust ist. Einfach ausgedrückt bezieht sich ein Speicherverlust auf die

So ermitteln Sie den Standort des Mobiltelefons der anderen Partei auf Amap - So ermitteln Sie den Standort des Mobiltelefons der anderen Partei auf Amap So ermitteln Sie den Standort des Mobiltelefons der anderen Partei auf Amap - So ermitteln Sie den Standort des Mobiltelefons der anderen Partei auf Amap Apr 01, 2024 pm 02:11 PM

1. Klicken Sie, um die Amap-Kartensoftware auf Ihrem Mobiltelefon aufzurufen. 2. Klicken Sie unten rechts auf „Mein“. 3. Klicken Sie, um die Familienkarte aufzurufen. 4. Klicken Sie auf „Meine Familienkarte erstellen“. 5. Nach erfolgreicher Erstellung erscheint ein Einladungscode, der mit einem anderen Mobiltelefon geteilt werden kann.

So ändern Sie die Standortinformationen und die Adresse So ändern Sie die Standortinformationen und die Adresse Mar 12, 2024 pm 09:52 PM

Wir alle wissen ganz genau, dass die Taku APP eine sehr zuverlässige Chat- und soziale Plattform ist. Jetzt ermöglicht es jedem, Freunde über den Standort zu finden Schließlich kann es Ihre aktuellen Standortinformationen automatisch für Sie lokalisieren und Sie besser mit einigen Freunden in derselben Stadt zusammenbringen, die sich in der Nähe befinden, sodass sich alle leichter unterhalten können und sich oft besonders glücklich fühlen Um mehr Freunde an anderen Orten kennenzulernen, kommt jeder auf die Idee, seine Adresse zu ändern, aber er weiß nicht, wie er seine Standortinformationen ändern kann, was sehr schwierig ist, so der Herausgeber dieser Website habe auch einige spezifische gesammelt

See all articles