Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > Strange problem with div position_html/css_WEB-ITnose

Strange problem with div position_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 12:04:08
Original
1183 people have browsed it




    
    
    
    













两个div 的left 都是47px;，，但在浏览器里面看到的效果，居然靠左边的都不对齐，什么回事？
但在dreamware设计里面，确实正常的。

高手，指导下，谢谢


回复讨论(解决方案)

把style里的这个干掉 

把style里的这个干掉 






变成

真的是这样，
但不懂，请教下
  
和

 不是一样的吗？

还有
多 为什么就不行了？

真的是这样，
但不懂，请教下
  
和

 不是一样的吗？

还有
多 为什么就不行了？



没仔细研究，就是复制到我编辑器后，编辑器识别为标签配对有问题，所以我就改了下
注释看了下没影响
标签问题，编辑器里看时这样，所以我就变成标准的标签闭合写法

  这种才是标准的写法
也许你会看到表单元素会有类似的 这种写法

如果div 写成下面那样，通过开发者人员工具，你会发现，渲染结构就乱掉了，u1变成了u0的子节点，又因为两者定位问题，那么u1便是基于u0定位

哈还是前端规范问题

Related labels：
div Location
source：php.cn
Previous article：Imitation Windows calculator (1)??Interface part_html/css_WEB-ITnose Next article：There is a problem on the jsp page_html/css_WEB-ITnose
Statement of this Website
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
Latest Articles by Author
Latest Issues
PX automatic conversion to REM error  <style>html {   font-size: calc(100vw / 3.75);      }...
From 2024-04-16 09:34:16
0
0
4687
Why does omitting 0ms sleep break my css transitions? I'm trying to implement a FLIP animation to see if I understand it correctly. In this code...
From 2024-04-06 16:29:50
0
2
490
Hide/show div on click and scroll I want to create a hidden search form that appears when we click on the search icon and hi...
From 2024-04-06 12:20:46
0
1
386
How can I match the text width to the width of a dynamically sized image/title? See this codepen: https://codepen.io/allen-houng/pen/XGMjMr?editors=1100#0<div><i...
From 2024-04-06 10:04:43
0
2
386
Why does the tooltip still work after removing the link? Only when I remove the link do I see the div tag with the tooltip. How are the two related...
From 2024-04-05 09:51:08
0
1
1419
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template