企业网站综合布局实战_技术问答

qq_慕慕3093659

clear和clearfix: 我想你是不是没弄明白。 css中没有clearfix属性,只有clear属性。只有有人没把清除浮动的类名设置为 .clearfix。这样你直接引用这个样式。所以说两个没有可比性。; 2021-04-17 1回答·445浏览

little_frog

关于一个元素同时设置clear:left和float:left

设置了clear:left之后，它将会视前面设置了float:left样式的元素为普通文档流。

注意这句加粗的，是该元素之前的元素，也就是说，设置了clear:left之后的元素在普通文档流中。

但若同时设置了float:left之后，该元素就不在文档流中了，但其前面的元素仍将视为在普通文档流中，也就是说：两句代码同时起作用。

可以做个小试验：

2019-05-30 2回答·1079浏览

王酸菜

可以自适应吗？: 有些会，有些不会; 2019-04-01 1回答·728浏览

慕沐9472927

背景颜色的快捷键是啥呀？

backgroung-color

2019-01-01 2回答·1204浏览

慕斯卡1522270

请问一下怎么理解父元素

父元素与子元素的关系是由元素相对于在文档中的位置决定的，若B元素包含在A元素内部，则A是B的父元素。

举例：<div class="box1">

</div>

这里box2位于box1内部，box1便是box2的父元素。如果在box1里面再加入其它元素，box1也是这些元素的父元素。

2018-11-02 1回答·1252浏览

慕前端8461888

关于两个盒子显示在一行的问题: 现在6.31可以append?就是说网页用 h t m l 5 编写的声明，其他版本的 H T M L 会有点不一样; 2018-06-05 3回答·2063浏览

qq_小涛生活_0

盒子里的字体垂直对齐: 设置height:xx;line-height:xx; 取一样大的值就行; 2017-11-18 1回答·1582浏览

秋名山的豆腐

Div里加内容后文本怎么跑到边边去了？

已采纳 Z克森的回答

百度复制：

一个元素设置了浮动样式后，会影响它的兄弟元素，至于如何影响，要看它的兄弟元素是块级元素还是内联元素。如果兄弟元素是块级元素，会无视这个浮动元素，即兄弟元素和浮动元素共处同行，浮动元素会覆盖兄弟元素。除非这些 div 设置了宽度，并且父元素的宽度不足以包含它们，这样兄弟元素才会被强制换行；如果兄弟元素是内联元素，则会尽可能围绕浮动元素。

个人理解：

三个同级div，box1、box2、浮动后box1，2脱离标准文档流不再占用空间，块级元素box3无视box1，2导致12覆盖box3，但box3中的文本内容属于内联元素，所以围绕非标准文档流元素显示

2017-05-05 1回答·1200浏览

宿雪

清除左侧浮动？

已采纳 yxnne 的回答

尽管问题提出好久了，还是说下我的一点浅见吧，开始我也想着是浏览器会找出某元素左边的元素，然后处理下。不过后来自己试了下，觉得这个clear:left ,在此处并不是识别出位于某元素左侧的元素，并清除浮动效果的意思。

我的理解是，某元素设置clear：left属性，则对于该元素而言，此前设置了 float:left 的元素都可以视为“普通文档流”层，这样的话新的样式就在之前设置了float：left的元素下一行开始了。那么clear：left = “忽略之前左侧浮动元素“实现的效果，把他们视作普通文档流实现的。

貌似样式和文档是是分离的，举个例子，题主截图例子中，假设div3中有文字（文字们本来位于div的左上角），如果div3不设置clear：left ，那么样式会像上图一样显示（重叠），但是div3中的文字则不然，文字此时不会在div的左上角。这时，当设置了所谓“忽略左侧浮动元素“效果clear：left 后，把之前元素的效果都当做是普通文档流的效果，这样样式会另起一行，而文字也会显示正常了。

同理，为什么clear属性还有一个right，一样的，也不是根据位置来分的，那就是”忽略右侧浮动元素效果”，即，对于设置clear:"rught”的当前元素而言，所有的右侧浮动效果(float:right)，都视作普通文档流实现，所谓忽略浮动。

2016-10-22 2回答·1150浏览

qq_暗皇_03657082

css和html页面都写在一个html页面中，要怎么写css

css,html,js都可以写在一个界面中，但是要用不同的标签将他们区分开。写css需要写在head中，并用style标签将css内容包裹起来，js可以写在head里面也可以放在body里面，但是要用script标签把包裹起来，下面是完整的代码结构：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>XXX</title>
    <style>
        .box{ width:10px; height:10px}
    </style>
    <script>//这里写js代码</script>  
</head>
<body>
    <div class="box1">hello world!</div>
    <script>//这里写js代码</script>
</body>
</html>

可以多看看别人的代码并自己动手写写，会有不错的收获~

2016-10-21 2回答·9327浏览

H爱学习_爱生活

清除box的浮动，为啥是在box3中清除: 已采纳学一点忘一点的回答; 因为假如你在box2中设置clear为left，那么第二个则不会浮动，哪怕你设置了float属性，还是不会起作用，但我们的目标是为第三个，你设置第二个，对第三个div没有卵用，也违背了我们初始的想法，所以必须得设置第三个div为clear：left；; 2016-07-23 4回答·1044浏览

bonny__

关于浮动的两个问题: 其实我们可以用在水底和水面来打个比方，两个块级元素等于在没有设置浮动前等于是两块沉在水底的木头，设置了第一块木头浮动，它浮上水面，后面一块元素还在水底因为元素的特性它会顶替浮上来这块元素的位置，那浮上来的元素去哪里了？在水面上。我们的视角看页面等于是我们垂直的从水面往水底看，所以才会出现重叠的视角。; 2016-06-30 2回答·1098浏览