- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我这里有一个页面: http://www.iliveaccountable.com/mytestsite/founders/
“MICHAEL GARDNER/CHIEF EXECUTIVE OFFICER”的部分不会像第一个文本和图像那样 float 。
你知道它为什么不 float 吗?
完整代码如下:
<div style="margin-top: 10px; float: left;">
<img src="http://www.iliveaccountable.com/mytestsite/wp-content/uploads/2016/05/tony-beatty.jpg" alt="tony-beatty" width="351" height="360" class="alignleft size-full wp-image-15670" style="margin-right: 15px; border: 1px solid #dedede; padding: 10px; -webkit-box-shadow: 3px 2px 5px 0px rgba(199,199,199,1);
-moz-box-shadow: 3px 2px 5px 0px rgba(199,199,199,1);
box-shadow: 3px 2px 5px 0px rgba(199,199,199,1);"/>
</div>
<div style="float: right; margin-top: 11px;">
<h3>TONY BEATTY / CHIEF OPERATIONS OFFICER</h3>
Music Inc. Magazine calls Tony the <em>"Million Dollar Closer”</em>
After 25 years mastering the art of selling Music Inc. Magazine calls Tony the "million dollar closer.” Tony is not
only an extremely accomplished sales genius, but he considers himself a master story teller. Originally educated in
Music and Acting, Tony’s passion for story selling was express on the theatrical stage. After more than 50
productions his love of music and performance led him to small piano store in St. George Utah where he
combined story telling with enrolling people into music making.
In 2011, playing with video and Social Media, Tony was key in launching The Piano Guys YouTube Channel. To be
excellent in his new craft of video production, Tony received a B.S. Degree in Digital Film Production from Dixie
State University in 2013 which adds to his repertoire of talents. Talents he uses to enroll people into their own
story, vision, and purpose.
Because of Tony’s passion for learning the art of enrollment and personal development he has studied and trained
with some of the most well-known personal educators and facilitators from around the country, such as; Tom
Hopkins, Zig Ziglar, Brian Tracy and John Maxwell. Tony recognizes the behind every person is a story, likewise
products and services that enhance our lives are created through stories. Magic happens when stories merge and
fulfillment in life is achieved.
After training with Michael Gardner, Tony’s story telling took on a whole new meaning. “Life is a story, the human
story. Most peoples make up victim stories that get in the way who they truly are. Once we start recognizing the
truth of our story, we can then finish our story.”
Tony is energetic, enthusiastic and driven by people's success in life. He has comprehensive experience in human
relations inside and outside the retail and services arena. He is characterized as considerate, dependable,
honest, straightforward, hard-working, and personable, with strong management skills, including sales, marketing
and customer relationship management experience develop throughout the last 25 years.
Tony offers a combination of creative talents and a strong personal experience with people from all walks of life.
He devotes time to people while drawing on their energy, experiences and vision to make a positive contribution in
peoples lives.
</div>
<div style="clear: both; margin-bottom: 20px;"> </div>
<div style="float: left; margin-top: 10px; border: 1px solid red;">
<img src="http://www.iliveaccountable.com/mytestsite/wp-content/uploads/2016/05/mike-gardner.jpg" alt="mike-gardner" width="351" height="360" class="alignleft size-full wp-image-15669" style="margin-right: 15px; border: 1px solid #dedede; padding: 10px; -webkit-box-shadow: 3px 2px 5px 0px rgba(199,199,199,1);
-moz-box-shadow: 3px 2px 5px 0px rgba(199,199,199,1); box-shadow: 3px 2px 5px 0px rgba(199,199,199,1);"/>
</div>
<div style="float: right; margin-top: 11px; border: 1px solid red;">
<h3>MICHAEL GARDNER / CHIEF EXECUTIVE OFFICER</h3>
Michael Gardner is known as the Master Trainer.
Michael is able to train students at a new depth of knowledge that they have not experienced before, their lives
truly changed. They are able to create a passion for life and newfound wealth. Gifted would be an understatement
in referring to Michael Gardner.
Michael has spent the past 25 years challenging and inspiring over 10,000 people to discover that they are more
powerful than they believe. As a result, he is the premier trainer and coach and his field. Michael's direct
approach, results driven training and coaching has been experienced by CEOs, entrepreneurs, small business
owners, network marketing founders and distributors, athletes, entertainers, students and parents, and anyone
who has a desire to discover they are more powerful than they believe.
Michael has one purpose and one purpose only. That is to support his students to get what they want and more.
His students and clients discover that Michael is very direct, honest and focused. His passion is to change and
support them in their pursuits of self discovery.
Michael has a unique ability to point out the lies and stories people tell themselves to justify where they have fallen short. Even those who have achieved amazing levels of success in life are surprised by how much greater the
results they create are as a result of participating in Michael's training. Past students and clients share a greater sense of power in their lives, as well as becoming more effective in their careers, and a greater sense of peace and fulfillment in their lives.
The main focus of Michael's training and coaching are: accountability, commitment, current pension, honesty,
integrity and trust.
Whether you feel you are successful in your personal life or not, whether you feel you are already fulfilled and life is good, you will benefit exponentially to Michael's training and coaching.
If you are serious about shifting in your life, getting honest about where you are, what is in your way and are
committed to accelerate your life to new levels, then Michael and iLiveAccountable trainings are the perfect fit for you.
</div>
<div style="clear: both;"> </div>
最佳答案
根据您的问题,让我向您展示对您有帮助的代码,但请记住它不会响应(问题中不需要):
<div style="width:80%;margin-left:auto;margin-right:auto;">
<div style="margin-top: 10px; float: left;width:30%">
<img src="http://www.iliveaccountable.com/mytestsite/wp-content/uploads/2016/05/tony-beatty.jpg" alt="tony-beatty" width="351" height="360" class="alignleft size-full wp-image-15670" style="margin-right: 15px; border: 1px solid #dedede; padding: 10px; -webkit-box-shadow: 3px 2px 5px 0px rgba(199,199,199,1);
-moz-box-shadow: 3px 2px 5px 0px rgba(199,199,199,1);
box-shadow: 3px 2px 5px 0px rgba(199,199,199,1);"/>
</div>
<div style="float: right; margin-top: 11px;width:60%;">
<h3>TONY BEATTY / CHIEF OPERATIONS OFFICER</h3>
Music Inc. Magazine calls Tony the <em>"Million Dollar Closer”</em>
After 25 years mastering the art of selling Music Inc. Magazine calls Tony the "million dollar closer.” Tony is not
only an extremely accomplished sales genius, but he considers himself a master story teller. Originally educated in
Music and Acting, Tony’s passion for story selling was express on the theatrical stage. After more than 50
productions his love of music and performance led him to small piano store in St. George Utah where he
combined story telling with enrolling people into music making.
In 2011, playing with video and Social Media, Tony was key in launching The Piano Guys YouTube Channel. To be
excellent in his new craft of video production, Tony received a B.S. Degree in Digital Film Production from Dixie
State University in 2013 which adds to his repertoire of talents. Talents he uses to enroll people into their own
story, vision, and purpose.
Because of Tony’s passion for learning the art of enrollment and personal development he has studied and trained
with some of the most well-known personal educators and facilitators from around the country, such as; Tom
Hopkins, Zig Ziglar, Brian Tracy and John Maxwell. Tony recognizes the behind every person is a story, likewise
products and services that enhance our lives are created through stories. Magic happens when stories merge and
fulfillment in life is achieved.
After training with Michael Gardner, Tony’s story telling took on a whole new meaning. “Life is a story, the human
story. Most peoples make up victim stories that get in the way who they truly are. Once we start recognizing the
truth of our story, we can then finish our story.”
Tony is energetic, enthusiastic and driven by people's success in life. He has comprehensive experience in human
relations inside and outside the retail and services arena. He is characterized as considerate, dependable,
honest, straightforward, hard-working, and personable, with strong management skills, including sales, marketing
and customer relationship management experience develop throughout the last 25 years.
Tony offers a combination of creative talents and a strong personal experience with people from all walks of life.
He devotes time to people while drawing on their energy, experiences and vision to make a positive contribution in
peoples lives.
</div>
<div style="clear:both;"></div>
</div>
<div style="margin-bottom: 20px;width:80%;margin-left:auto;margin-right:auto;">
<div style="float: left; margin-top: 10px; border: 1px solid red;width:30%;">
<img src="http://www.iliveaccountable.com/mytestsite/wp-content/uploads/2016/05/mike-gardner.jpg" alt="mike-gardner" width="351" height="360" class="alignleft size-full wp-image-15669" style="margin-right: 15px; border: 1px solid #dedede; padding: 10px; -webkit-box-shadow: 3px 2px 5px 0px rgba(199,199,199,1);
-moz-box-shadow: 3px 2px 5px 0px rgba(199,199,199,1); box-shadow: 3px 2px 5px 0px rgba(199,199,199,1);"/>
</div>
<div style="float: right; margin-top: 11px; border: 1px solid red;width:60%;">
<h3>MICHAEL GARDNER / CHIEF EXECUTIVE OFFICER</h3>
<p>Michael Gardner is known as the Master Trainer.</p>
<p>Michael is able to train students at a new depth of knowledge that they have not experienced before, their lives
truly changed. They are able to create a passion for life and newfound wealth. Gifted would be an understatement
in referring to Michael Gardner.</p>
<p>Michael has spent the past 25 years challenging and inspiring over 10,000 people to discover that they are more
powerful than they believe. As a result, he is the premier trainer and coach and his field. Michael's direct
approach, results driven training and coaching has been experienced by CEOs, entrepreneurs, small business
owners, network marketing founders and distributors, athletes, entertainers, students and parents, and anyone
who has a desire to discover they are more powerful than they believe.
Michael has one purpose and one purpose only. That is to support his students to get what they want and more.
His students and clients discover that Michael is very direct, honest and focused. His passion is to change and
support them in their pursuits of self discovery.
Michael has a unique ability to point out the lies and stories people tell themselves to justify where they have fallen short. Even those who have achieved amazing levels of success in life are surprised by how much greater the
results they create are as a result of participating in Michael's training. Past students and clients share a greater sense of power in their lives, as well as becoming more effective in their careers, and a greater sense of peace and fulfillment in their lives.
The main focus of Michael's training and coaching are: accountability, commitment, current pension, honesty,
integrity and trust.
Whether you feel you are successful in your personal life or not, whether you feel you are already fulfilled and life is good, you will benefit exponentially to Michael's training and coaching.
If you are serious about shifting in your life, getting honest about where you are, what is in your way and are
committed to accelerate your life to new levels, then Michael and iLiveAccountable trainings are the perfect fit for you.</p>
</div>
<div style="clear: both;"> </div>
</div>
以上代码只是解决你的问题。但是每当你使用 float 或制作结构时,请尝试将它们绑定(bind)在父 div 中,然后根据它们进行操作。
我所做的是,我绑定(bind)了你的 2 个具有 float (左和右)的 div,然后我给出了宽度,因为 div 是 block 元素,它将占据全宽,所以给它们固定宽度(以 px 或 % 为单位)和然后使用 float 使它们排成一行。 (但在上面的代码中,图像将覆盖文本,因为我没有让它们响应)。还尝试在 float 元素之后和容器中都使用 clear,否则会产生问题。希望它会有所帮助。如果您有任何问题,请告诉我:)
关于html - float 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37247987/
我知道问题的标题听起来很奇怪,但我不知道该怎么调用它。 首先,我有一个网格布局,我希望我的 .search-wrapper 宽度为 50% 并向右浮动。在我的演示中 jsfiddle整个 .searc
我们正在使用 QA-C 来实现 MISRA C++ 一致性,但是该工具会为这样的代码喷出错误: float a = foo(); float b = bar(); float c = a - b; 据
考虑 float a[] = { 0.1, 0.2, 0.3}; 我很困惑a稍后传递给函数 foo(float* A) .不应该是 float* 类型的变量指向单个浮点数,对吗?就像这里提到的tu
这可能是我一段时间以来收到的最好的错误消息,我很好奇出了什么问题。 原代码 float currElbowAngle = LeftArm ? Elbow.transform.localRotation
刚开始学习 F#,我正在尝试为 e 生成和评估泰勒级数的前 10 项。我最初编写了这段代码来计算它: let fact n = function | 0 -> 1 | _ -> [1
我已经使用 Erlang 读取二进制文件中的 4 个字节(小端)。 在尝试将二进制转换为浮点时,我一直遇到以下错误: ** exception error: bad argument in
假设我有: float a = 3 // (gdb) p/f a = 3 float b = 299792458 // (gdb) p/f b = 29979244
我每次都想在浏览器顶部修复这个框。但是右边有一些问题我不知道如何解决所以我寻求帮助。 #StickyBar #RightSideOfStickyBar { float : right ; }
我正在研究 C# 编译器并试图理解数学运算规则。 我发现在两种不同的原始类型之间使用 == 运算符时会出现难以理解的行为。 int a = 1; float b = 1.0f; Cons
假设我有: float a = 3 // (gdb) p/f a = 3 float b = 299792458 // (gdb) p/f b = 29979244
Denormals众所周知,与正常情况相比,表现严重不佳,大约是 100 倍。这经常导致 unexpected软件 problems . 我很好奇,从 CPU 架构的角度来看,为什么非规范化必须是 那
我有一个由两个 float 组成的区间,并且需要生成 20 个随机数,看起来介于两个 float 定义的区间之间。 比方说: float a = 12.49953f float b = 39.1123
我正在构建如下矩阵: QMatrix4x3 floatPos4x3 = QMatrix4x3( floatPos0.at(0), floatPos1.at(0), floatPos2.at(0),
给定归一化的浮点数f,在f之前/之后的下一个归一化浮点数是多少。 通过微动,提取尾数和指数,我得到了: next_normalized(double&){ if mantissa is n
关于 CSS“float”属性的某些东西一直让我感到困惑。为什么将“float”属性应用到您希望 float 的元素之前的元素? 为了帮助可视化我的问题,我创建了以下 jsFiddle http://
关于 CSS“float”属性的某些东西一直让我感到困惑。为什么将“float”属性应用到您希望 float 的元素之前的元素? 为了帮助可视化我的问题,我创建了以下 jsFiddle http://
我有一个新闻源/聊天框。每个条目包含两个跨度:#user 和#message。我希望#user 向左浮动,而#message 向左浮动。如果#message 导致行超过容器宽度,#message 应该
我想创建一个“记分卡”网格来输出一些数据。如果每个 div.item 中的数据都具有相同的高度,那么在每个 div.item 上留下一个简单的 float 会提供一个漂亮的均匀布局,它可以根据浏览器大
我正在学习使用 CSS float 属性。我想了解此属性的特定效果。 考虑以下简单的 HTML 元素: div1 div2 This is a paragraph 以及以下 CSS 规则: div {
我正在尝试从可以是 int 或 float 的文件中提取数据。我发现这个正则表达式将从文件 (\d+(\.\d+)?) 中提取这两种类型,但我遇到的问题是它将 float 拆分为两个。 >>> imp
我是一名优秀的程序员,十分优秀!